Reputation: 3071
I am using a jQuery UI Slider.It works fine but the range div
(the part that says how much part is dragged) is not shown.
here is the fiddle.
Can somebody please resolve the problem.
And another thing is, can we show indexes on the sliders.
Let's say slider has min=0 and max=10
. Now I want to show 1
to 10
numbers as indexes to the above or down of the sliders. That will the customer that where he is in...
is it possible?
Upvotes: 1
Views: 2700
Reputation: 17930
For showing the range selected,
Demo: http://jsfiddle.net/WmuPN/5/
Code:
<div class="vUiSlider"></div>
<div id="slideValue"></div>
SCRIPT
$('.vUiSlider').slider({
min:0,
max:100,
value:3,
animate: true,
slide: function( event, ui ) {
$( "#slideValue" ).text(ui.value);
}
});
For more check jQuery UI documentation, http://jqueryui.com/slider/#range
UPDATE:
Check this one, http://jsfiddle.net/WmuPN/10/ for showing selected range color
Upvotes: 1