ui-sliders.js
2.84 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
$(function () {
//BEGIN JQUERY UI SLIDERS DEFAULT
$("#slider-default").slider();
// END JQUERY UI SLIDERS DEFAULT
//BEGIN MULTIPLE SLIDERS
$("#slider-multi > span").each(function () {
// read initial values from markup and remove that
var value = parseInt($(this).text(), 10);
$(this).empty().slider({
value: value,
range: "min",
animate: true,
orientation: "vertical"
});
});
//END MULTIPLE SLIDERS
//END RANGE SLIDER
$("#slider-range").slider({
range: true,
min: 0,
max: 500,
values: [ 75, 300 ],
slide: function (event, ui) {
$("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]);
}
});
$("#amount").val("$" + $("#slider-range").slider("values", 0) +
" - $" + $("#slider-range").slider("values", 1));
//END RANGE SLIDER
//BEGIN RANGE MAXIMUM
$("#slider-range-max").slider({
range: "max",
min: 1,
max: 10,
value: 2,
slide: function (event, ui) {
$("#amount-max").val(ui.value);
}
});
$("#amount-max").val($("#slider-range-max").slider("value"));
//END RANGE MAXIMUM
//BEGIN RANGE MINIMUM
$("#slider-range-min").slider({
range: "min",
value: 37,
min: 1,
max: 700,
slide: function (event, ui) {
$("#amount-min").val("$" + ui.value);
}
});
$("#amount-min").val("$" + $("#slider-range-min").slider("value"));
//END RANGE MINIMUM
//BEGIN SNAP TO INCREMENTS
$("#slider-snap").slider({
value: 100,
min: 0,
max: 500,
step: 50,
slide: function (event, ui) {
$("#amount-snap").val("$" + ui.value);
}
});
$("#amount-snap").val("$" + $("#slider-snap").slider("value"));
//END SNAP TO INCREMENTS
//BEGIN VERTICAL SLIDER
$("#slider-vertical").slider({
orientation: "vertical",
range: "min",
min: 0,
max: 100,
value: 60,
slide: function (event, ui) {
$("#amount-vertical").val(ui.value);
}
});
$("#amount-vertical").val($("#slider-vertical").slider("value"));
//END VERTICAL SLIDER
//BEGIN VERTICAL RANGE SLIDER
$("#slider-vertical-range").slider({
orientation: "vertical",
range: true,
values: [ 17, 67 ],
slide: function (event, ui) {
$("#amount-vertical-range").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]);
}
});
$("#amount-vertical-range").val("$" + $("#slider-vertical-range").slider("values", 0) +
" - $" + $("#slider-vertical-range").slider("values", 1));
//END VERTICAL RANGE SLIDER
});