2009-03-21 19:55:29 +00:00
<!doctype html>
< html lang = "en" >
< head >
2009-03-21 21:59:05 +00:00
< title > Slider Visual Test : Slider ticket #4385< / title >
< link rel = "stylesheet" href = "../visual.css" type = "text/css" / >
< link rel = "stylesheet" href = "../../../themes/base/ui.all.css" type = "text/css" >
2009-03-21 19:55:29 +00:00
< script type = "text/javascript" src = "../../../jquery-1.3.2.js" > < / script >
< script type = "text/javascript" src = "../../../ui/ui.core.js" > < / script >
< script type = "text/javascript" src = "../../../ui/ui.slider.js" > < / script >
< script type = "text/javascript" >
$(function() {
2009-03-21 21:59:05 +00:00
$("#slider").slider({
2009-03-21 19:55:29 +00:00
range: true,
min: 0,
max: 500,
values: [75, 300],
slide: function(event, ui) {
2009-03-21 22:14:34 +00:00
var minMet = ((ui.values[1] - ui.values[0]) > 50);
minMet & & $("#rangevalue").text(ui.values[0] + ' - ' + ui.values[1]);
return minMet;
2009-03-21 19:55:29 +00:00
}
});
2009-03-21 21:59:05 +00:00
$("#rangevalue").text($("#slider").slider("values", 0) + ' - ' + $("#slider").slider("values", 1));
2009-03-21 19:55:29 +00:00
});
< / script >
< / head >
< body >
2009-03-21 22:19:58 +00:00
< h1 class = "ui-widget-header" > < a href = "http://dev.jqueryui.com/ticket/4385" > #4385 - event slide callback returning false can lead to stuck range handles< / a > < / h1 >
2009-03-21 19:55:29 +00:00
< p >
2009-03-21 21:59:05 +00:00
< label for = "rangevalue" > Price range:< / label >
< span id = "rangevalue" > < / span >
2009-03-21 19:55:29 +00:00
< / p >
2009-03-21 21:59:05 +00:00
< div id = "slider" > < / div >
2009-03-21 19:55:29 +00:00
< / body >
< / html >
