#7908 closed enhancement (worksforme)
3 cursors slider
Reported by: | delfo | Owned by: | delfo |
---|---|---|---|
Priority: | minor | Milestone: | 1.9.0 |
Component: | ui.slider | Version: | 1.8.16 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
it would be nice to extend the slider type with two ranges (cursor for min, cursor for max) with a third cursor able to slide in between min and max.
Use case: pick up a value in between a defined range
This should be achievable merging somehow two sliders (i'm working in this way) or extending the slider widget
Change History (10)
comment:1 Changed 11 years ago by
Owner: | set to delfo |
---|---|
Status: | new → pending |
comment:2 Changed 11 years ago by
Status: | pending → new |
---|
Hi Scott,
i know you can achieve the same playing with the min and max values, this way the slider bar keep the same but the extreme values dynamically change.
In my specific case i would like to implement a visual interface for the extreme setting too, such like the one you achieve having a basic slider with a two dimensional range
hope this explains more my needs
Example: i have a video player, through the main cursor the user is able to slide from T-Start to T-End, having the capability to change both of them through cursors
[------------*-------------]
comment:3 Changed 11 years ago by
Status: | new → pending |
---|
Do you have any references to existing UIs that work like this?
comment:4 Changed 11 years ago by
Status: | pending → new |
---|
All the VJ softwares actually works like that, you play a piece of video in loop, having the cursor automatically or manually sliding from a certain T-Start to T-End i'm working on a user interface for processing JS which should allow to dynamically manually change the sliding range of several parameters according their ranges which may also vary during the performance
comment:5 Changed 11 years ago by
Can you link to a screenshot of an existing implementation? I just did an image search for vj software and saw lots of sliders, but nothing that looked like what you're describing.
comment:6 Changed 11 years ago by
here it goes, this comes from Resolume software (one of the most famous on windows platform) per each channel as you can see you got 'limit cursors' (the two rectangles extreme left and right) which allows you to set the slider range, than the main cursor which moves continuously based on the settings (play, pause, loop, reverse, random,...)
in fact i'm working on a widget which should implement the whole element which is such a basic fundamental brick in the whole solution
comment:7 Changed 11 years ago by
Other than styling, this is what you're looking for, correct? http://jsbin.com/oyibuc
comment:8 Changed 11 years ago by
well right value is not moving but yes that's the idea i thought handlers and values numbers were limited to two according the widget specification
this solve my needs by the way, clean and clear, thank you very much
maybe an update in the wikipage would be useful also for other people
cheers
Delfo
comment:9 Changed 11 years ago by
Resolution: | → worksforme |
---|---|
Status: | new → closed |
Oops, updated the jsbin: http://jsbin.com/oyibuc/2/edit.
The docs seem pretty clear about this; the examples actually all use three handles: http://docs.jquery.com/UI/Slider#option-values What were you looking at that we should update?
comment:10 Changed 11 years ago by
http://docs.jquery.com/UI/Slider#option-values
here it says
This option can be used to specify multiple handles. If range is set to true, the length of 'values' should be 2.
that's why i thoguht you may have only 1 or 2 cursors
I don't see how this is necessary for your specified use case. Your use case lacks so much detail that a single slider sounds like a perfect fit.