0.0.151

static/js/range_slider_double.js

@@ -1,58 +1,65 @@
-var $range = $(".js-range-slider"),
-    $inputFrom = $(".js-input-from"),
-    $inputTo = $(".js-input-to"),
-    instance,
-    min = 0,
-    max = 1000,
-    from = 0,
-    to = 0;
 
-$range.ionRangeSlider({
-	skin: "round",
-    type: "double",
-    min: min,
-    max: max,
-    from: 200,
-    to: 800,
-    onStart: updateInputs,
-    onChange: updateInputs
-});
-instance = $range.data("ionRangeSlider");
 
-function updateInputs (data) {
-	from = data.from;
-    to = data.to;
-
-    $inputFrom.prop("value", from);
-    $inputTo.prop("value", to);
+window.onload = function () {
+    inital_slider()
 }
 
-$inputFrom.on("input", function () {
-    var val = $(this).prop("value");
+function inital_slider (){
+    var $range = $(".range_slider_form_filters"),
+        $inputFrom = $(".input_f_slider_start"),
+        $inputTo = $(".input_f_slider_end"),
+        instance,
+        min = 0,
+        max = 1000,
+        from = 0,
+        to = 0;
+    $range.ionRangeSlider({
+        skin: "round",
+        type: "double",
+        min: min,
+        max: max,
+        from: 100,
+        to: 900,
+        onStart: updateInputs,
+        onChange: updateInputs
+    });
+    instance = $range.data("ionRangeSlider");
 
-    // validate
-    if (val < min) {
-        val = min;
-    } else if (val > to) {
-        val = to;
+    function updateInputs (data) {
+        from = data.from;
+        to = data.to;
+
+        $inputFrom.prop("value", from);
+        $inputTo.prop("value", to);
     }
 
-    instance.update({
-        from: val
+    $inputFrom.on("input", function () {
+        var val = $(this).prop("value");
+
+        // validate
+        if (val < min) {
+            val = min;
+        } else if (val > to) {
+            val = to;
+        }
+
+        instance.update({
+            from: val
+        });
     });
-});
 
-$inputTo.on("input", function () {
-    var val = $(this).prop("value");
+    $inputTo.on("input", function () {
+        var val = $(this).prop("value");
 
-    // validate
-    if (val < from) {
-        val = from;
-    } else if (val > max) {
-        val = max;
-    }
+        // validate
+        if (val < from) {
+            val = from;
+        } else if (val > max) {
+            val = max;
+        }
 
-    instance.update({
-        to: val
+        instance.update({
+            to: val
+        });
     });
-});
+}