MASTER

SAVING...

BERHASIL DIUBAH!

EDITING: range-slider-script.js

$(function () {

$("#range_01").ionRangeSlider();

$("#range_02").ionRangeSlider({
                min: 100,
                max: 1000,
                from: 550
            });

$("#range_03").ionRangeSlider({
                type: "double",
                grid: true,
                min: 0,
                max: 1000,
                from: 200,
                to: 800,
                prefix: "$"
            });

$("#range_04").ionRangeSlider({
                type: "double",
                grid: true,
                min: -1000,
                max: 1000,
                from: -500,
                to: 500
            });

$("#range_05").ionRangeSlider({
                type: "double",
                grid: true,
                min: -1000,
                max: 1000,
                from: -500,
                to: 500,
                step: 250
            });

$("#range_06").ionRangeSlider({
                type: "double",
                grid: true,
                min: -12.8,
                max: 12.8,
                from: -3.2,
                to: 3.2,
                step: 0.1
            });

$("#range_07").ionRangeSlider({
                type: "double",
                grid: true,
                from: 1,
                to: 5,
                values: [0, 10, 100, 1000, 10000, 100000, 1000000]
            });
                $("#range_08").ionRangeSlider({
                grid: true,
                from: 5,
                values: [
                    "zero", "one",
                    "two", "three",
                    "four", "five",
                    "six", "seven",
                    "eight", "nine",
                    "ten"
                ]
            });
                $("#range_09").ionRangeSlider({
                grid: true,
                from: 3,
                values: [
                    "January", "February", "March",
                    "April", "May", "June",
                    "July", "August", "September",
                    "October", "November", "December"
                ]
            });
                $("#range_10").ionRangeSlider({
                grid: true,
                min: 1000,
                max: 1000000,
                from: 100000,
                step: 1000,
                prettify_enabled: false
            });
                 $("#range_11").ionRangeSlider({
                grid: true,
                min: 1000,
                max: 1000000,
                from: 200000,
                step: 1000,
                prettify_enabled: true
            });

$("#range_12").ionRangeSlider({
                grid: true,
                min: 1000,
                max: 1000000,
                from: 300000,
                step: 1000,
                prettify_enabled: true,
                prettify_separator: "."
            });

$("#range_13").ionRangeSlider({
                grid: true,
                min: 1000,
                max: 1000000,
                from: 400000,
                step: 1000,
                prettify_enabled: true,
                prettify: function (num) {
                    return (Math.random() * num).toFixed(0);
                }
            });

$("#range_14").ionRangeSlider({
                type: "double",
                grid: true,
                min: 0,
                max: 10000,
                from: 1000,
                step: 9000,
                prefix: "$"
            });

$("#range_15").ionRangeSlider({
                type: "single",
                grid: true,
                min: -90,
                max: 90,
                from: 0,
                postfix: "°"
            });

$("#range_16").ionRangeSlider({
                grid: true,
                min: 18,
                max: 70,
                from: 30,
                prefix: "Age ",
                max_postfix: "+"
            });

$("#range_17").ionRangeSlider({
                type: "double",
                min: 100,
                max: 200,
                from: 145,
                to: 155,
                prefix: "Weight: ",
                postfix: " million pounds",
                decorate_both: true
            });

$("#range_18").ionRangeSlider({
                type: "double",
                min: 100,
                max: 200,
                from: 145,
                to: 155,
                prefix: "Weight: ",
                postfix: " million pounds",
                decorate_both: false
            });

$("#range_19").ionRangeSlider({
                type: "double",
                min: 100,
                max: 200,
                from: 148,
                to: 152,
                prefix: "Weight: ",
                postfix: " million pounds",
                values_separator: " → "
            });
            $("#range_20").ionRangeSlider({
                type: "double",
                min: 100,
                max: 200,
                from: 148,
                to: 152,
                prefix: "Range: ",
                postfix: " light years",
                decorate_both: false,
                values_separator: " to "
            });

$("#range_21").ionRangeSlider({
                type: "double",
                min: 1000,
                max: 2000,
                from: 1200,
                to: 1800,
                hide_min_max: true,
                hide_from_to: true,
                grid: false
            });

$("#range_22").ionRangeSlider({
                type: "double",
                min: 1000,
                max: 2000,
                from: 1200,
                to: 1800,
                hide_min_max: true,
                hide_from_to: true,
                grid: true
            });

$("#range_23").ionRangeSlider({
                type: "double",
                min: 1000,
                max: 2000,
                from: 1200,
                to: 1800,
                hide_min_max: false,
                hide_from_to: true,
                grid: false
            });

$("#range_24").ionRangeSlider({
                type: "double",
                min: 1000,
                max: 2000,
                from: 1200,
                to: 1800,
                hide_min_max: true,
                hide_from_to: false,
                grid: false
            });

});