JSFiddle

  • ion.rangeSlider test playground #944 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 #118 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 ...
  • ion.rangeSlider test playground #2 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        min: 0,
        max: 20,
        from: 0,
        to: 0,
        type: 'double',
        step: .10,
        prettify: true,
        gridMargin ...
  • ion.rangeSlider test playground #30 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range1 = $(".js-range-slider-1"),
        $range2 = $(".js-range-slider-2"),
        $result = $(".js-result"),
        
        a = 50,
        b = 50;
    
    var result = function () {
        $result.text(a + " / " + b + " = "  + (a / b ...
  • ion.rangeSlider test playground #10 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $range1 = $(".js-range-slider-1"),
        $range2 = $(".js-range-slider-2"),
        $toggle = $(".js-tgl");
    
    $range1.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: 300,
        to: 800
    });
    $range2 ...
  • ion.sound playground #12 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

    var $play = $(".js-play"),
        $play_at_once = $(".js-play-at-once");
    
    ion.sound({
        sounds: [
            {
                name: "button_click"
            },
            {
                name: "bell_ring",
                volume: 0.3
            }
        ],
        path: "http://ionden.com/a ...
  • ion.rangeSlider test playground #5 is the latest revision

    jQuery (edge), HTML, CSS, JavaScript

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

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider"),
        $update1 = $(".js-update-1"),
        $update2 = $(".js-update-2"),
        $update3 = $(".js-update-3"),
        values = ["a","b","c","d","e","f","g"];
    
    $range.ionRangeSlider({
        type ...