Forums

<script type="text/javascript">
(function () {
    YAHOO.namespace('example');

    var Dom = YAHOO.util.Dom;
      var range = 200;
    var tickSize = 0;
    var minThumbDistance = 10;
    var initValues = [100,130];
    var cf = 900/(range - 20);
    var convert = function (val) {
        return Math.round(val * cf + 100);
    };

    YAHOO.util.Event.onDOMReady(function () {
        var demo_bg = Dom.get("demo_bg"),
            info    = Dom.get("infoprice"),
            from    = Dom.get("fromprice"),
            to      = Dom.get("toprice");

        var slider = YAHOO.widget.Slider.getHorizDualSlider(demo_bg,
            "demo_min_thumb", "demo_max_thumb",
            range, tickSize, initValues);

        slider.minRange = minThumbDistance;
       
        var updateUI = function () {
            from.value = slider.minVal;
            to.value   = slider.maxVal;
            var min = convert(slider.minVal),
             max = convert(slider.maxVal - 20);

            info.innerHTML = "MIN: <strong>" + min + "</strong><br>" +
                             "MAX: <strong>" + max + "</strong>";
            demo_bg.title  = "Current range " + min + " - " + max;
        };

        slider.subscribe('ready', updateUI);
        slider.subscribe('change', updateUI);

        YAHOO.util.Event.on('demo_btn','click',function () {
            var min = Math.abs(parseInt(from.value,10)|0),
                max = Math.abs(parseInt(to.value,10)|0);

            if (min > max) {
                var hold = min;
                min = max;
                max = hold;
            }
            min = Math.min(min,range - 30);
            max = Math.max(Math.min(max,range),min + 20 + minThumbDistance);

        });
    });
})();
</script>