Jquery slider plugin that supports "Multiple Ranged Handles"

jquery jquery-ui slider
StarSignLeo picture StarSignLeo · Oct 7, 2009 · Viewed 10.3k times · Source

I have been looking for a Jquery UI slider pluging that supports mutiple ranged handles. The existing Jquery UI slider only supports one range set of values. I am looking for a slider that you can have muliple ranges. So a range with an inner range or two ranges that don't overlap.

Example:

R = handle

XX = Slider bar

= or - = Range between handles

XXR1------R1XXXR2--R2XXXXXXXXX

XXXR1----R2====R2-----R1XXXXXX

XXXR1--R2===R2----R3===R3--R1XXXX

I don't think there is a slider out there that can do this?? Just wanted to make sure before I go and write one.

Answer

Kara Brightwell picture Kara Brightwell · Nov 7, 2013

I've just released Elessar to fill this exact niche. colResizable is fine, but it's not really the right tool for the job.

Related questions

How to change Jquery UI Slider handle

I want to modify the stock JQuery UI slider so that the handle has a arrow on it rather than being a square. i.e. I want to use a custom image as the handle. There are a few tutorials …

Read More
How to refresh a jQuery UI Slider after setting min or max values?

I have a ui.slider and change it's min and max values on runtime. But these changes only get reflected in the view, when I set the values afterwards too (which causes it to fire events that are not needed). …

Read More
JQuery UI Slider for time

Hi I need to implement a slider for 24 hour time range . I like to use jquery ui slider for this . I have written below code <script type="text/javascript"> $(function() { $(".slider-range").slider({ range: true, min: 0, max: 23.59, step: 0.15 }); }); </…

Read More