Subversion-Projekte lars-tiefland.cienc

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
9 lars 1 
var ComponentsIonSliders = function() {
2 
 
3 
    var handleBasicDemo = function() {
4 
        // demo 1
5 
        $("#range_1").ionRangeSlider();
6 
 
7 
        // demo 2
8 
        $("#range_2").ionRangeSlider({
9 
            min: 100,
10 
            max: 1000,
11 
            from: 550
12 
        });
13 
 
14 
        // demo 3
15 
        $("#range_3").ionRangeSlider({
16 
            type: "double",
17 
            grid: true,
18 
            min: 0,
19 
            max: 1000,
20 
            from: 200,
21 
            to: 800,
22 
            prefix: "$"
23 
        });
24 
 
25 
        // demo 4
26 
        $("#range_4").ionRangeSlider({
27 
            type: "double",
28 
            grid: true,
29 
            min: -1000,
30 
            max: 1000,
31 
            from: -500,
32 
            to: 500
33 
        });
34 
 
35 
        // demo 5
36 
        $("#range_5").ionRangeSlider({
37 
            type: "double",
38 
            grid: true,
39 
            from: 1,
40 
            to: 5,
41 
            values: [0, 10, 100, 1000, 10000, 100000, 1000000]
42 
        });
43 
 
44 
        // demo 6
45 
        $("#range_6").ionRangeSlider({
46 
            grid: true,
47 
            from: 5,
48 
            values: [
49 
                "zero", "one",
50 
                "two", "three",
51 
                "four", "five",
52 
                "six", "seven",
53 
                "eight", "nine",
54 
                "ten"
55 
            ]
56 
        });
57 
 
58 
        // demo 7
59 
        $("#range_7").ionRangeSlider({
60 
            grid: true,
61 
            from: 3,
62 
            values: [
63 
                "January", "February", "March",
64 
                "April", "May", "June",
65 
                "July", "August", "September",
66 
                "October", "November", "December"
67 
            ]
68 
        });
69 
 
70 
        // demo 8
71 
        $("#range_8").ionRangeSlider({
72 
            type: "double",
73 
            min: 100,
74 
            max: 200,
75 
            from: 145,
76 
            to: 155,
77 
            prefix: "Weight: ",
78 
            postfix: " million pounds",
79 
            decorate_both: true
80 
        });
81 
 
82 
        // demo 9
83 
        $("#range_9").ionRangeSlider({
84 
            type: "double",
85 
            min: 100,
86 
            max: 200,
87 
            from: 148,
88 
            to: 152,
89 
            prefix: "Weight: ",
90 
            postfix: " million pounds",
91 
            values_separator: " → "
92 
        });
93 
    }
94 
 
95 
    var handleAdvancedDemo = function() {
96 
        $("#range_10").ionRangeSlider({
97 
            type: "double",
98 
            min: 0,
99 
            max: 100,
100 
            from: 30,
101 
            to: 70,
102 
            from_fixed: true
103 
        });
104 
 
105 
        $("#range_11").ionRangeSlider({
106 
            min: 0,
107 
            max: 100,
108 
            from: 30,
109 
            from_min: 10,
110 
            from_max: 50
111 
        });
112 
 
113 
        $("#range_12").ionRangeSlider({
114 
            type: "double",
115 
            min: 0,
116 
            max: 100,
117 
            from: 20,
118 
            from_min: 10,
119 
            from_max: 30,
120 
            from_shadow: true,
121 
            to: 80,
122 
            to_min: 70,
123 
            to_max: 90,
124 
            to_shadow: true,
125 
            grid: true,
126 
            grid_num: 10
127 
        });
128 
 
129 
        $("#range_13").ionRangeSlider({
130 
            min: 0,
131 
            max: 100,
132 
            from: 30,
133 
            disable: true
134 
        });
135 
    }
136 
 
137 
    return {
138 
        //main function to initiate the module
139 
        init: function() {
140 
            handleBasicDemo();
141 
            handleAdvancedDemo();
142 
        }
143 
 
144 
    };
145 
 
146 
}();
147 
 
148 
jQuery(document).ready(function() {
149 
    ComponentsIonSliders.init();
150 
});