83 lines
1.7 KiB
JavaScript
83 lines
1.7 KiB
JavaScript
|
// Class definition
|
||
|
|
|
||
|
|
var KTIONRangeSlider = function () {
|
||
|
|
|
||
|
|
// Private functions
|
||
|
|
var demos = function () {
|
||
|
|
// basic demo
|
||
|
|
$('#kt_slider_1').ionRangeSlider();
|
||
|
|
|
||
|
|
// min & max values
|
||
|
|
$('#kt_slider_2').ionRangeSlider({
|
||
|
|
min: 100,
|
||
|
|
max: 1000,
|
||
|
|
from: 550
|
||
|
|
});
|
||
|
|
|
||
|
|
// custom prefix
|
||
|
|
$('#kt_slider_3').ionRangeSlider({
|
||
|
|
type: "double",
|
||
|
|
grid: true,
|
||
|
|
min: 0,
|
||
|
|
max: 1000,
|
||
|
|
from: 200,
|
||
|
|
to: 800,
|
||
|
|
prefix: "$"
|
||
|
|
});
|
||
|
|
|
||
|
|
// range & step
|
||
|
|
$('#kt_slider_4').ionRangeSlider({
|
||
|
|
type: "double",
|
||
|
|
grid: true,
|
||
|
|
min: -1000,
|
||
|
|
max: 1000,
|
||
|
|
from: -500,
|
||
|
|
to: 500
|
||
|
|
});
|
||
|
|
|
||
|
|
// fractional step
|
||
|
|
$('#kt_slider_5').ionRangeSlider({
|
||
|
|
type: "double",
|
||
|
|
grid: true,
|
||
|
|
min: -12.8,
|
||
|
|
max: 12.8,
|
||
|
|
from: -3.2,
|
||
|
|
to: 3.2,
|
||
|
|
step: 0.1
|
||
|
|
});
|
||
|
|
|
||
|
|
// using postfixes
|
||
|
|
$('#kt_slider_6').ionRangeSlider({
|
||
|
|
type: "single",
|
||
|
|
grid: true,
|
||
|
|
min: -90,
|
||
|
|
max: 90,
|
||
|
|
from: 0,
|
||
|
|
postfix: "°"
|
||
|
|
});
|
||
|
|
|
||
|
|
// using text
|
||
|
|
$('#kt_slider_7').ionRangeSlider({
|
||
|
|
type: "double",
|
||
|
|
min: 100,
|
||
|
|
max: 200,
|
||
|
|
from: 145,
|
||
|
|
to: 155,
|
||
|
|
prefix: "Weight: ",
|
||
|
|
postfix: " million pounds",
|
||
|
|
decorate_both: true
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return {
|
||
|
|
// public functions
|
||
|
|
init: function() {
|
||
|
|
demos();
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}();
|
||
|
|
|
||
|
|
jQuery(document).ready(function() {
|
||
|
|
KTIONRangeSlider.init();
|
||
|
|
});
|