Question

I’m modifying the jquery ui slider. I have certain “stops” I want the user to be able to slide to, expressed as a percentage of the slider’s overall width. So, for example, if I have 3 stops, they will be distributed evenly at 0, 50, and 100 (%). I store these in an array [0,50,100].

When the user drags the slider and releases, I capture the slider’s current value. So if he scrolled 56% of the way across the bar, his stopVal is 56.

How do I write a function that will then determine which number in the array this stopVal is closest to? Here’s my code:

var optValArr = [0,50,100];

function slideStop( event, ui ) {
    var stopVal = ui.value;
    //NOW NEED TO FIND CLOSEST ARRAY VALUE TO stopVal   
}

Answer 1

Try This:

var optValArr = [0,50,100];

function slideStop( event, ui ) {
    var stopVal = ui.value;
    var diff=101;
    var val =0;

    for(var i =0; i < optValArr.length; i++){
        var tmpDiff = Math.abs(stopVal - optValArr[i]);
        if(tmpDiff < diff){
           diff=tmpDiff;
           val = optValArr[i]
        }
    }             
}
slideStop("something", {"value":20});

Demo: http://jsfiddle.net/ggzZj/