Slider with embedded text?
I'm creating an internet survey, and in an effort to minimize screen
clutter, I've come up with an idea for rating items. Please bear with
me. The idea is to place the text to be rated inside the slider
control, and the end user would slide that text to rate the item. It's
basically a mixture of the Draggable and Slider jQuery UI controls.
Since I'm still relatively new to jQuery, I thought I'd ask if anyone
has already done something similar to this so I can get a jump-start
on the learning curve. Example below.
On a scale from 1 (Dissatisfied) to 5 (Satisfied), please rate how you
feel about your shopping experience:
1
2 3
4 5
|---------------------|
| Merchandise |
------------------------------------------------------------------------------------------------------------------------|
| Selection |
------------------------------------------------------------------------------------------------------------------------|
|---------------------|
|---------------------|
| Reasonable |
------------------------------------------------------------------------------------------------------------------------|
| Prices |
------------------------------------------------------------------------------------------------------------------------|
|---------------------|