Forums > Javascript

Custom range sliders in JSUI ?

December 13, 2009 | 11:33 am

Hi guys.
If it’s possible can anyone give any suggestion on how to build a custom range slider (with similar features to rslider) using JSUI…
latley i’m implementing all my custom controls with KnobMan ( ), but obviously that can’t help me in doing more interactive controls.



December 13, 2009 | 12:44 pm

There is a js rangeslider by Anders Dahl at that you could hack.
I like it ‘cos you can move the whole range with a single mouse drag, as opposed to just the max or min, a feature that would be nice to see in the standard object,

December 13, 2009 | 2:54 pm

hi, i agreed with roger until i found that rangeslider does accept whole range changes with mouse clicks + modifier keys when i looked at the help file recently. which is great news (when did this change?).

however, i have another problem with this – i cannot get the cmd-drag feature to work without ‘jittering’ problems at the minimum / maximum points.

what am i doing that is stupid? – i post some bad sunday afternoon code incase anyone can help me:

— Pasted Max Patch, click to expand. —

– sorry for hijacking your thread alfonso…

December 14, 2009 | 1:21 pm

Try using the code below in a [js] object. Definitely possible to do this with standard max objects but sometimes I find things easier in javascript. The default min and max values are 0 and 127 but you can type in arguments to change this if you want, then simply chain it between the [rslider] outlet and inlet. Use a [deferlow] if the loop causes any issues.


var low = jsarguments[1] || 0;
var high = jsarguments[2] || 127;

function list(a,b) {
if (a==low) {
} else if (b==high) {
} else {
range = b-a;

December 14, 2009 | 3:23 pm

Those were added to rslider in 5.0.8.

Viewing 5 posts - 1 through 5 (of 5 total)

Forums > Javascript