85 lines
1.9 KiB
JavaScript
85 lines
1.9 KiB
JavaScript
jQuery(document).ready(function(){
|
|
|
|
// normal slider
|
|
jQuery("#slider").slider({value: 40});
|
|
|
|
// slider snap to increments
|
|
jQuery("#slider2").slider({
|
|
value:100,
|
|
min: 0,
|
|
max: 500,
|
|
step: 50,
|
|
slide: function(event, ui) {
|
|
jQuery("#amount").text("$"+ui.value);
|
|
}
|
|
});
|
|
jQuery("#amount").text("$" + jQuery("#slider").slider("value"));
|
|
|
|
|
|
// slider with range
|
|
jQuery("#slider3").slider({
|
|
range: true,
|
|
min: 0,
|
|
max: 500,
|
|
values: [ 75, 300 ],
|
|
slide: function( event, ui ) {
|
|
jQuery("#amount2").text("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]);
|
|
}
|
|
});
|
|
jQuery("#amount2").text("$" + jQuery("#slider3").slider("values", 0) +
|
|
" - $" + jQuery("#slider3").slider("values", 1));
|
|
|
|
|
|
// slider with fixed minimum
|
|
jQuery("#slider4").slider({
|
|
range: "min",
|
|
value: 37,
|
|
min: 1,
|
|
max: 100,
|
|
slide: function( event, ui ) {
|
|
jQuery("#amount4").text("$" + ui.value);
|
|
}
|
|
});
|
|
jQuery("#amount4").text("$"+jQuery("#slider4").slider("value"));
|
|
|
|
|
|
// slider with fixed maximum
|
|
jQuery("#slider5").slider({
|
|
range: "max",
|
|
value: 60,
|
|
min: 1,
|
|
max: 100,
|
|
slide: function(event, ui) {
|
|
jQuery("#amount5").text("$"+ui.value);
|
|
}
|
|
});
|
|
jQuery("#amount5").text("$"+jQuery("#slider5").slider("value"));
|
|
|
|
|
|
// slider vertical
|
|
jQuery("#slider6").slider({
|
|
orientation: "vertical",
|
|
range: "min",
|
|
min: 0,
|
|
max: 100,
|
|
value: 60,
|
|
slide: function( event, ui ) {
|
|
jQuery("#amount6").text(ui.value);
|
|
}
|
|
});
|
|
jQuery("#amount6").text( jQuery("#slider6").slider("value"));
|
|
|
|
|
|
// slider vertical with range
|
|
jQuery("#slider7").slider({
|
|
orientation: "vertical",
|
|
range: true,
|
|
values: [17, 67],
|
|
slide: function(event, ui) {
|
|
jQuery("#amount7").text("$"+ui.values[0]+"-$"+ui.values[1]);
|
|
}
|
|
});
|
|
jQuery("#amount7").text("$"+jQuery("#slider7").slider("values",0) +
|
|
" - $"+jQuery("#slider7").slider("values",1));
|
|
|
|
}); |