JSFiddle

  • ion.rangeSlider test playground

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        values: ["a","b","c","d","e"],
        from: 2
    });
  • ion.rangeSlider test playground

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: 300,
        to: 800
    });
  • ion.rangeSlider and 2 inputs #75 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $from = $(".js-from"),
        $to = $(".js-to"),
        range,
        min = 1871,
        max = 1991,
        from,
        to;
    
    var updateValues = function () {
        $from.prop("value ...
  • ion.rangeSlider test playground

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: 300,
        to: 800
    });
  • ion.rangeSlider test playground #16 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range1 = $(".js-range-slider-1"),
        $range2 = $(".js-range-slider-2"),
        $range3 = $(".js-range-slider-3"),
        $select = $(".js-select"),
        
        ranges = {};
    
    
    $range1.ionRangeSlider({
        min: 0,
        max: 1000,
        from: 500,
        disable: false ...
  • ion.rangeSlider and 2 inputs #3 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $from = $(".js-from"),
        $to = $(".js-to"),
        range,
        min = 0,
        max = 999,
        from = 0,
        to = 999;
    
    $range.ionRangeSlider({
        type: "double ...
  • ion.rangeSlider test playground #1004 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: 300,
        to: 800
    });
  • ion.rangeSlider test playground #130 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $result = $(".js-result"),
        $getvalues = $(".js-get-values"),
        
        from = 0,
        to = 0;
    
    var saveResult = function (data) {
        from = data.from;
        to = data ...
  • ion.rangeSlider test playground

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $result = $("#result"),
        
        result = "",
        saved_num;
    
    var change = function (num) {
        if (num !== saved_num) {
            result += ", " + num;
            $result.html(result);
            // Your ...
  • ion.rangeSlider test playground #48 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $from = $(".js-from"),
        $to = $(".js-to"),
        min = 0,
        max = 999,
        from = 0,
        to = 999;
    
    $range.ionRangeSlider({
        type: "double",
        min ...