You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
150 lines
3.5 KiB
150 lines
3.5 KiB
var ComponentsIonSliders = function() {
|
|
|
|
var handleBasicDemo = function() {
|
|
// demo 1
|
|
$("#range_1").ionRangeSlider();
|
|
|
|
// demo 2
|
|
$("#range_2").ionRangeSlider({
|
|
min: 100,
|
|
max: 1000,
|
|
from: 550
|
|
});
|
|
|
|
// demo 3
|
|
$("#range_3").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: 0,
|
|
max: 1000,
|
|
from: 200,
|
|
to: 800,
|
|
prefix: "$"
|
|
});
|
|
|
|
// demo 4
|
|
$("#range_4").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: -1000,
|
|
max: 1000,
|
|
from: -500,
|
|
to: 500
|
|
});
|
|
|
|
// demo 5
|
|
$("#range_5").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
from: 1,
|
|
to: 5,
|
|
values: [0, 10, 100, 1000, 10000, 100000, 1000000]
|
|
});
|
|
|
|
// demo 6
|
|
$("#range_6").ionRangeSlider({
|
|
grid: true,
|
|
from: 5,
|
|
values: [
|
|
"zero", "one",
|
|
"two", "three",
|
|
"four", "five",
|
|
"six", "seven",
|
|
"eight", "nine",
|
|
"ten"
|
|
]
|
|
});
|
|
|
|
// demo 7
|
|
$("#range_7").ionRangeSlider({
|
|
grid: true,
|
|
from: 3,
|
|
values: [
|
|
"January", "February", "March",
|
|
"April", "May", "June",
|
|
"July", "August", "September",
|
|
"October", "November", "December"
|
|
]
|
|
});
|
|
|
|
// demo 8
|
|
$("#range_8").ionRangeSlider({
|
|
type: "double",
|
|
min: 100,
|
|
max: 200,
|
|
from: 145,
|
|
to: 155,
|
|
prefix: "Weight: ",
|
|
postfix: " million pounds",
|
|
decorate_both: true
|
|
});
|
|
|
|
// demo 9
|
|
$("#range_9").ionRangeSlider({
|
|
type: "double",
|
|
min: 100,
|
|
max: 200,
|
|
from: 148,
|
|
to: 152,
|
|
prefix: "Weight: ",
|
|
postfix: " million pounds",
|
|
values_separator: " → "
|
|
});
|
|
}
|
|
|
|
var handleAdvancedDemo = function() {
|
|
$("#range_10").ionRangeSlider({
|
|
type: "double",
|
|
min: 0,
|
|
max: 100,
|
|
from: 30,
|
|
to: 70,
|
|
from_fixed: true
|
|
});
|
|
|
|
$("#range_11").ionRangeSlider({
|
|
min: 0,
|
|
max: 100,
|
|
from: 30,
|
|
from_min: 10,
|
|
from_max: 50
|
|
});
|
|
|
|
$("#range_12").ionRangeSlider({
|
|
type: "double",
|
|
min: 0,
|
|
max: 100,
|
|
from: 20,
|
|
from_min: 10,
|
|
from_max: 30,
|
|
from_shadow: true,
|
|
to: 80,
|
|
to_min: 70,
|
|
to_max: 90,
|
|
to_shadow: true,
|
|
grid: true,
|
|
grid_num: 10
|
|
});
|
|
|
|
$("#range_13").ionRangeSlider({
|
|
min: 0,
|
|
max: 100,
|
|
from: 30,
|
|
disable: true
|
|
});
|
|
}
|
|
|
|
return {
|
|
//main function to initiate the module
|
|
init: function() {
|
|
handleBasicDemo();
|
|
handleAdvancedDemo();
|
|
}
|
|
|
|
};
|
|
|
|
}();
|
|
|
|
jQuery(document).ready(function() {
|
|
ComponentsIonSliders.init();
|
|
});
|