The jQuery UI Slider plugin makes selected elements into sliders. There are various options such as multiple handles, and ranges. The handle can be moved with the mouse or the arrow keys.
Questions tagged [jquery-ui-slider]
685 questions
0
votes
1 answer
attach jQuery UI Slider to side of DIV (as DIV's scrollbar)
Is there an easy way to attach a UI Slider to the side of a div to act as its' scrollbar? I don't care if it's technically on the side of the div or technically inside. I just need the UI Slider to look like the div's scrollbar.
It'll be a fake…
user1382306
0
votes
0 answers
Jquery ui slider range - separate event for left and right draggers
I use many jQuery ui sliders as range sliders on one page. About 60 range sladers at one time.
Slider must do:
When i drag left dragger - right dragger must moove to. Its need for
fix range and moove it on max/min line
When i drag right dragger -…
Massimo
- 836
- 3
- 17
- 38
0
votes
2 answers
JQuery UI Slider + go to Max Position
I have the following JQUERY UI Slider Code working:
$('div#chatFriendsSliderPath').slider({
orientation: 'vertical',
animate: 'fast',
change: handleSliderChange,
slide: handleSliderSlide,
range: 'min',
min: 0,
max: 100,
…
Adam
- 19,932
- 36
- 124
- 207
0
votes
1 answer
jQuery content slider with bullets
I'm trying to build a basic jQuery automatic content slider with bullets that you can click on to go to a corresponding slide. I've got as far as building the slider but am not sure how to go about implementing the bullets.
HTML
…
JVK
- 95
- 2
- 13
0
votes
1 answer
Making scale legends/labels for jquery UI slider in a fluid layout
A visual scale for a JQuery UI slider seems such a common feature required by many use cases, yet I have not found a standard approach for making one.
My question: can this only be done via custom HTML and CSS on a case-by-case basis? If so, how do…
skyork
- 7,113
- 18
- 63
- 103
0
votes
0 answers
JQuery UI Slider on iPad not giving a reading WHILE sliding
This works perfectly on a computer, the value never fails and I always get a correct reading. However, on the iPad, if I am holding or sliding the slider, the value will show zero until I let go of it.
I am using jQuery UI Touch Punch for the iPad…
rockamic
- 151
- 1
- 2
- 11
0
votes
1 answer
Change image from before to after (different sources) using jQuery UI slider
I'm trying to change IMG source on Slider slide but not so fast. What I mean with so fast? I could change IMG src attribute on the fly on slide() event but this is ugly and I don't want that. I like to have a fadeOut for the default image called…
ReynierPM
- 17,594
- 53
- 193
- 363
0
votes
3 answers
How can I add text to a jQuery slider control?
I'm using the jQuery UI Slider plugin to make sliders for my page, but I want to add different labels to each of the slider handles. The code for the sliders is a simple div:
This is transformed into a slider through the…
Jon
- 3,154
- 13
- 53
- 96
0
votes
2 answers
Get max,min value from select box Jquery
Hei friends.
I've got a problem with getting the max and min value from select box(html).
I want to get MAX AND MIN value from selectbox with jquery or javascript.
Here is the markup, simple range slider.
$('#slider').slider({
range: true,
…
Mitja Rogl
- 894
- 9
- 22
- 39
0
votes
1 answer
Customize jQuery form slider
I have a web page with some input sliders just like this one: http://jqueryui.com/demos/slider/#steps.
What I need, is to force the user to move the slider before he presses the submit button.
So I'm thinking in put the default color of the handle…
user999489
0
votes
1 answer
jQuery UI slider with jQuery-AJAX load function not working
I have an html page called search.html which contains sliders, they work perfectly in this page.
I'm trying to load this page into another one (my main page) using the jQuery .load() function.
I removed the slider initialization from the search.html…
Ilyes Ferchiou
- 583
- 3
- 10
- 22
0
votes
1 answer
jQuery Slider - Next image is split in half behind
I'd like to create a jQuery slider that shows the next picture behind the current one, only it is split in half. It would pyramid outward. Something like:
[3[2[ 1 ]2]3]
I then need the two halves to come together every X number of seconds as the…
JEFF B
- 126
- 2
- 12
0
votes
1 answer
Get all values in an array between a specific range in a rangeslider. (jQuery UI)
I want to get all values, between a specific range set by the user with a jquery ui rangeSlider, in an array.
http://jqueryui.com/demos/slider/#range
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 0,
max:…
user1386906
- 1,161
- 6
- 26
- 53
0
votes
1 answer
changing box color with increment number or decrement number with jquery slider
I am a beginner of jQuery, and wondered if anyone can point me to the right direction. I wanted to create a slider where it changes color from red to green, and scores will be recorded. The value should start at 0, and as user slides to the right,…
foo
- 21
- 5
0
votes
1 answer
Jquery UI slider with multiple handles returning wrong value
I made this example so you can reproduce the error:
I put some labels on top of each handle so you can see the value while moving the handles, the problem is that sometimes it behaves in a strange manner, for example if you drag one handle, say the…
Andrei Dvoynos
- 1,126
- 1
- 10
- 32