|
var ComponentsjQueryUISliders = function () {
|
|
return {
|
//main function to initiate the module
|
init: function () {
|
// basic
|
$(".slider-basic").slider(); // basic sliders
|
|
// vertical range sliders
|
$("#slider-range").slider({
|
/**/
|
range: true,
|
values: [23, 43],
|
slide: function (event, ui) {
|
$("#slider-range-amount").text("$" + ui.values[0] + " - $" + ui.values[1]);
|
}
|
});
|
|
// snap inc
|
$("#slider-snap-inc").slider({value: 100,
|
min: 0,
|
max: 1000,
|
step: 100,
|
slide: function (event, ui) {
|
$("#slider-snap-inc-amount").text("$" + ui.value);
|
}
|
});
|
|
$("#slider-snap-inc-amount").text("$" + $("#slider-snap-inc").slider("value"));
|
|
// range slider
|
$("#slider-range").slider({range: true,
|
min: 0,
|
max: 500,
|
values: [34, 200],
|
slide: function (event, ui) {
|
$("#slider-range-amount").text("$" + ui.values[0] + " - $" + ui.values[1]);
|
}
|
});
|
|
$("#slider-range-amount").text("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));
|
|
//range max
|
|
$("#slider-range-max").slider({range: "max",
|
min: 1,
|
max: 10,
|
value: 2,
|
slide: function (event, ui) {
|
$("#slider-range-max-amount").text(ui.value);
|
}
|
});
|
|
$("#slider-range-max-amount").text($("#slider-range-max").slider("value"));
|
|
// range min
|
$("#slider-range-min").slider({range: "min",
|
value: 33,
|
min: 1,
|
max: 700,
|
slide: function (event, ui) {
|
$("#slider-range-min-amount").text("$" + ui.value);
|
}
|
});
|
|
$("#slider-range-min-amount").text("$" + $("#slider-range-min").slider("value"));
|
|
// vertical slider
|
$("#slider-vertical").slider({orientation: "vertical",
|
range: "min",
|
min: 0,
|
max: 100,
|
value: 40,
|
slide: function (event, ui) {
|
$("#slider-vertical-amount").text(ui.value);
|
}
|
});
|
$("#slider-vertical-amount").text($("#slider-vertical").slider("value"));
|
|
// vertical range sliders
|
$("#slider-range-vertical").slider({orientation: "vertical",
|
range: true,
|
values: [55, 80],
|
slide: function (event, ui) {
|
$("#slider-range-vertical-amount").text("$" + ui.values[0] + " - $" + ui.values[1]);
|
}
|
});
|
|
$("#slider-range-vertical-amount").text("$" + $("#slider-range-vertical").slider("values", 0) + " - $" + $("#slider-range-vertical").slider("values", 1));
|
|
}
|
|
};
|
|
}();
|