Questions tagged [jquery-ui-slider]

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.

Slider is a widget that is a part of the library.

API Documentation

685 questions
3
votes
1 answer

jQuery UI Slider Draggable

I'm trying to make my slider draggable , So for example if I have 3 options: o---|---o---||---o I want the slider handle to snap to closest possible option, so for example you release the mouse key between | & || in above example, it should…
Ramtin Gh
  • 1,035
  • 2
  • 11
  • 31
3
votes
1 answer

jQuery-UI Slider Background

Is it possible to set background color (via JavaScript) of jQuery-UI Slider widget? This is normal: What I am looking to achieve is following: Green range would be calculated based on historical data. I would like to indicate to user what is a…
iboros
  • 317
  • 2
  • 5
  • 15
3
votes
5 answers

Error : cannot call methods on slider prior to initialization attempted to call method 'value'

I have written something like below. onclick of div with id "PLUS" I am getting the following error: cannot call methods on slider prior to initialization attempted to call method 'value'
3
votes
3 answers

Jquery UI Slider - Input a Value and Slider Move to Location

I was wondering if anyone has found a solution or example to actually populating the input box of a slider and having it slide to the appropriate position onBlur() .. Currently, as we all know, it just updates this value with the position you are…
RobertC
  • 211
  • 2
  • 4
  • 8
3
votes
1 answer

How to use jQuery UI slider in a function and pass different parameters for selectors?

I am a jQuery newbie. I've been trying to get the UI slider to work but haven't had any luck so far. What I want to do is be able to pass parameters to a function so that the parameter can be used as selectors in the slider. One of the parameters…
Nitin Venkatesh
  • 281
  • 1
  • 5
  • 13
3
votes
3 answers

jQuery UI Slider - need to remember values on browser "Back"

I'm using the jQuery UI Slider in an Advanced Search form (im using the Range Slider to be precise). Im using it to filter videos by duration (by minutes). So far, it's working great. The default values are from 5 to 55. Now what I want to do is: …
Lelly
  • 960
  • 3
  • 15
  • 29
3
votes
1 answer

centering body and big slider

I've managed to uncenter my body while trying to position my slider in the background so that it is also centered and so that it remains centered even when the window is resized. The site is live if your browser allows to zoom out you can see that…
bikeechick
  • 65
  • 1
  • 7
3
votes
2 answers

Slider with Multiple Handle and Background Color for content

I am trying to work with Jquery UI slider where I can have multiple handles: $(function () { var handlers = [25, 50, 75]; $("#slider").slider({ min: 0, max: 100, values: handlers, …
jmogera
  • 1,689
  • 3
  • 30
  • 65
2
votes
1 answer

jQuery - UI Slider mouse Disable and Re-Enabling mouse

Is it possible to disable mouse clicks, than re-enable mouse clicks for a jQuery UI slider? jQuery Examples doen't seem to function Code examples Initialize a slider with the disabled option specified. $( ".selector" ).slider({ disabled: true…
Richard Max
  • 53
  • 2
  • 9
2
votes
1 answer

How to move both knobs in jquery ui range slider

I am trying to make a range slider using jQuery's UI Slider and i was wondering how i could make the two knobs to move together. For example i have minimum value at 0 and maximum at 100 the total value of these two must not be more than 60 so if the…
mike
  • 21
  • 1
  • 5
2
votes
1 answer

jQuery ui multiple slider confusion with values

I am using for a short period ui slider utility and ended with the following situation. I have three sliders combined in order to use their result and alter an object's css box-shadow. This is my code: $('#slider2, #slider3, #slider4').slider({ …
Marios Fakiolas
  • 1,525
  • 1
  • 12
  • 19