IonDen / ion.rangeSlider

jQuery only range slider
http://ionden.com/a/plugins/ion.rangeSlider/en.html
MIT License
2.55k stars 507 forks source link

Multiple Ranges #19

Closed GadgetUK closed 9 years ago

GadgetUK commented 11 years ago

Hi,

Would it be possible to have multiple ranges. To define for example multiple sections of the day.

IonDen commented 11 years ago

Not in one slider. But you can put many sliders close to each other in the row to get the same effect.

GadgetUK commented 11 years ago

Ok. Many sliders won't work. Was thinking of this as a feature request rather than a question. Alternatively multiple handles on a single slider would be a solution

IonDen commented 11 years ago

Hey. Maybe i dont understand the idea quite good? Maybe you can draw some scheme and show me, what you expect? And what should be result value for the base input field?

GadgetUK commented 11 years ago

Here's an example using jquery UI, http://jsfiddle.net/cGWfT/

IonDen commented 11 years ago

Okey, i understand the idea. I will think about it. But dont expect it soon. 1-2 months maybe.

jmls commented 11 years ago

I was looking for similar functionality : it would be useful for entering opening hours etc (09:00-12:00 13:00-17:00) etc

IonDen commented 11 years ago

Maybe you should place 2 range sliders near to each other in that situation?

jmls commented 11 years ago

sure, of course I could. I just personally think that it would be nicer to show all opening hours for a monday on one range slider, that's all .

On 8 October 2013 12:18, Denis Ineshin notifications@github.com wrote:

Maybe you should place 2 range sliders near to each other in that situation?

— Reply to this email directly or view it on GitHubhttps://github.com/IonDen/ion.rangeSlider/issues/19#issuecomment-25881617 .

Julian Lyndon-Smith IT Director, dot.r http://www.dotr.com

"The bitterness of poor quality remains long after the sweetness of low price is forgotten”

Follow dot.r on http://twitter.com/DotRlimited

IonDen commented 11 years ago

Ok, another question. How much situations you can imagine of using this functionality? Do you have an examples to show on some websites? If i will develope some feature i want to know what and why am i doing this.

jmls commented 11 years ago

the only time I would use this is for opening hours : for example, a call center may have a queue open from 08:00-12:00, 13:00-17:00 and 18:00-22:00

or a vet / dentist etc etc

it's a nice to have feature : not a requirement. I appreciate the work you've done so far.

On 8 October 2013 12:26, Denis Ineshin notifications@github.com wrote:

Ok, another question. How much situations you can imagine of using this functionality? Do you have an examples to show on some websites? If i will develope some feature i want to know what and why am i doing this.

— Reply to this email directly or view it on GitHubhttps://github.com/IonDen/ion.rangeSlider/issues/19#issuecomment-25882035 .

Julian Lyndon-Smith IT Director, dot.r http://www.dotr.com

"The bitterness of poor quality remains long after the sweetness of low price is forgotten”

Follow dot.r on http://twitter.com/DotRlimited

IonDen commented 11 years ago

Ok, i understand that situation.

GadgetUK commented 10 years ago

Any news on this ?

IonDen commented 10 years ago

Hi, not now, maybe in 2.0

espen commented 10 years ago

I am also looking for a widget which works as @jmis explains. I'm currently looking at https://github.com/quarterto/Elessar but ion.rangeSlider looks better, have more methods to customize and there are some shortcomings to Ellessar (like not able to remove a range).

I'm just researching the alternatives at the moment so haven't started to look at the code yet. Is there any info about the 2.0 release? Will it introduce many new features? Will the API change? Or how big of a project is the 2.0 release?

IonDen commented 10 years ago

Hi, look at project issues, all of them are feature requests. And i have some ideas, there to progress. The idea to add multiple sliders is good, but very difficult with my slider design. So i don't know how soon it will be done. May be i will decide not to do this at all. So don't expect 2.x soon, maybe in 2-3 months.

espen commented 10 years ago

Ok, thanks for letting me know. I'll go for Elessar for now if the code is ok. I'll keep an eye on this project though, great work on it.

pfermena commented 9 years ago

Hi IonDen,

First of all thanks and congratulations for the excellent job.

I wonder if you still have this feature request in mind. I´m interested in such a feature for the following scenario: multi_range_slider

I think on it as:

The concept is similar to the slider in http://www.colorzilla.com/gradient-editor/

Thanks.

aDu commented 6 years ago

I would love to see this feature also.

oriadam commented 5 years ago

Hi, just wanted to add my scenario for this feature, I'm building a grading ladder editor. User cut the full-range to multiple consecutive ranges, and give a name to each range.

spec-grading-ladder

Great work there btw!

IonDen commented 5 years ago

@oriadam, does this demo serve your needs? https://jsfiddle.net/IonDen/tdvxs3zL/

oriadam commented 5 years ago

@IonDen
Thanks for the demo! But no, the user should be able to add and remove multiple knobs, creating multiple sub-ranges by changing the cutting point for each range. In the example above there are 6 ranges: 0-33, 33-50, 50-66, 66-80, 80-90, 90-100 Each range also have a name.

I'm attaching a more detailed explanation.

spec-grading-ladder2

IonDen commented 5 years ago

Ah, got it. Sorry, 2.x can't do it. 3.x will, but it is not ready yet.

oriadam commented 5 years ago

That would be amazing! :) Do you have a time estimation?

IonDen commented 5 years ago

@oriadam, not yet. I'm family man and have small time to work on it :)

PCasafont commented 5 years ago

Any news on this one?

hisenberg1 commented 5 months ago

Is this feature implemented? I saw a note in December 2018 that 3.x will support it.