Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#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 7 years ago by Scott González

Owner: set to delfo
Status: newpending

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.

comment:2 Changed 7 years ago by delfo

Status: pendingnew

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 7 years ago by Scott González

Status: newpending

Do you have any references to existing UIs that work like this?

comment:4 Changed 7 years ago by delfo

Status: pendingnew

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 7 years ago by Scott González

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 7 years ago by delfo

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

http://www.resolume.com/gfx/features/effectspannel.gif

comment:7 Changed 7 years ago by Scott González

Other than styling, this is what you're looking for, correct? http://jsbin.com/oyibuc

comment:8 Changed 7 years ago by delfo

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 7 years ago by Scott González

Resolution: worksforme
Status: newclosed

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 7 years ago by delfo

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

Note: See TracTickets for help on using tickets.