Custom range sliders in JSUI ?

Dec 13, 2009 at 11:33am

Custom range sliders in JSUI ?

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.



Dec 13, 2009 at 12:44pm

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,

Dec 13, 2009 at 2:54pm

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…

Dec 14, 2009 at 1:21pm

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;

Dec 14, 2009 at 3:23pm

Those were added to rslider in 5.0.8.


You must be logged in to reply to this topic.