| 21627 |
kshitij.so |
1 |
var Sliders = function () {
|
|
|
2 |
|
|
|
3 |
// default sliders
|
|
|
4 |
$("#default-slider").slider();
|
|
|
5 |
|
|
|
6 |
// increment
|
|
|
7 |
$("#increment-slider").slider({
|
|
|
8 |
value: 10,
|
|
|
9 |
min: 0,
|
|
|
10 |
max: 100,
|
|
|
11 |
step: 10,
|
|
|
12 |
slide: function (event, ui) {
|
|
|
13 |
$("#increment-slider-amount").text("$" + ui.value);
|
|
|
14 |
}
|
|
|
15 |
});
|
|
|
16 |
$("#increment-slider-amount").text("$" + $("#increment-slider").slider("value"));
|
|
|
17 |
|
|
|
18 |
// range slider
|
|
|
19 |
$("#slider-range").slider({
|
|
|
20 |
range: true,
|
|
|
21 |
min: 0,
|
|
|
22 |
max: 1000,
|
|
|
23 |
values: [100, 400],
|
|
|
24 |
slide: function (event, ui) {
|
|
|
25 |
$("#slider-range-amount").text("$" + ui.values[0] + " - $" + ui.values[1]);
|
|
|
26 |
}
|
|
|
27 |
});
|
|
|
28 |
|
|
|
29 |
$("#slider-range-amount").text("$" + $("#slider-range").slider("values", 0) + " - $" + $("#slider-range").slider("values", 1));
|
|
|
30 |
|
|
|
31 |
//range max
|
|
|
32 |
$("#slider-range-max").slider({
|
|
|
33 |
range: "max",
|
|
|
34 |
min: 1,
|
|
|
35 |
max: 100,
|
|
|
36 |
value: 15,
|
|
|
37 |
slide: function (event, ui) {
|
|
|
38 |
$("#slider-range-max-amount").text("$" + ui.value);
|
|
|
39 |
}
|
|
|
40 |
});
|
|
|
41 |
|
|
|
42 |
$("#slider-range-max-amount").text($("#slider-range-max").slider("value"));
|
|
|
43 |
|
|
|
44 |
// range min
|
|
|
45 |
$("#slider-range-min").slider({
|
|
|
46 |
range: "min",
|
|
|
47 |
value: 55,
|
|
|
48 |
min: 1,
|
|
|
49 |
max: 100,
|
|
|
50 |
slide: function (event, ui) {
|
|
|
51 |
$("#slider-range-min-amount").text("$" + ui.value);
|
|
|
52 |
}
|
|
|
53 |
});
|
|
|
54 |
$("#slider-range-min-amount").text("$" + $("#slider-range-min").slider("value"));
|
|
|
55 |
|
|
|
56 |
|
|
|
57 |
// setup graphic EQ
|
|
|
58 |
$( "#eq > span" ).each(function() {
|
|
|
59 |
var value = parseInt( $( this ).text(), 10 );
|
|
|
60 |
$( this ).empty().slider({
|
|
|
61 |
value: value,
|
|
|
62 |
range: "min",
|
|
|
63 |
animate: true,
|
|
|
64 |
orientation: "vertical"
|
|
|
65 |
});
|
|
|
66 |
});
|
|
|
67 |
|
|
|
68 |
// bound to select
|
|
|
69 |
var select = $( "#bound-to-select" );
|
|
|
70 |
var slider = $( "<div id='slider'></div>" ).insertAfter( select ).slider({
|
|
|
71 |
min: 1,
|
|
|
72 |
max: 10,
|
|
|
73 |
range: "min",
|
|
|
74 |
value: select[ 0 ].selectedIndex + 1,
|
|
|
75 |
slide: function( event, ui ) {
|
|
|
76 |
select[ 0 ].selectedIndex = ui.value - 1;
|
|
|
77 |
}
|
|
|
78 |
});
|
|
|
79 |
$( "#bound-to-select" ).change(function() {
|
|
|
80 |
slider.slider( "value", this.selectedIndex + 1 );
|
|
|
81 |
});
|
|
|
82 |
|
|
|
83 |
// vertical slider
|
|
|
84 |
$("#slider-vertical").slider({
|
|
|
85 |
orientation: "vertical",
|
|
|
86 |
range: "min",
|
|
|
87 |
min: 0,
|
|
|
88 |
max: 100,
|
|
|
89 |
value: 40,
|
|
|
90 |
slide: function (event, ui) {
|
|
|
91 |
$("#slider-vertical-amount").text(ui.value+" cm");
|
|
|
92 |
}
|
|
|
93 |
});
|
|
|
94 |
$("#slider-vertical-amount").text($("#slider-vertical").slider("value")+" cm");
|
|
|
95 |
|
|
|
96 |
// vertical range sliders
|
|
|
97 |
$("#slider-range-vertical").slider({
|
|
|
98 |
orientation: "vertical",
|
|
|
99 |
range: true,
|
|
|
100 |
min: 0,
|
|
|
101 |
max: 1000,
|
|
|
102 |
values: [200, 600],
|
|
|
103 |
slide: function (event, ui) {
|
|
|
104 |
$("#slider-range-vertical-amount").text("$" + ui.values[0] + " - $" + ui.values[1]);
|
|
|
105 |
}
|
|
|
106 |
});
|
|
|
107 |
|
|
|
108 |
$("#slider-range-vertical-amount").text("$" + $("#slider-range-vertical").slider("values", 0) + " - $" + $("#slider-range-vertical").slider("values", 1));
|
|
|
109 |
|
|
|
110 |
|
|
|
111 |
}();
|