JSFiddle

  • One sec function

    No-Library (pure JS), HTML, CSS, JavaScript

    // Denis Ineshin (IonDen.com)
    
    var $body = document.body,
        $test = document.getElementById('test'),
        past = 0;
    
    var delayed = function () {
        var now = new ...
  • One sec function

    No-Library (pure JS), HTML, CSS, JavaScript

    // Denis Ineshin (IonDen.com)
    
    var $body = document.body,
        $test = document.getElementById('test'),
        interval, event;
    
    var mousemove = function (e) {
        event = e ...
  • ion.rangeSlider test playground #3 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

    jQuery (edge), HTML, CSS, JavaScript

    var $range1 = $(".js-range-slider-1"),
        $range2 = $(".js-range-slider-2");
    
    $range1.ionRangeSlider({
        type: "double",
        min: 100,
        max: 1000,
        from: 300,
        to: 1000,
        max_postfix: "+"
    });
    
    $range2.ionRangeSlider ...
  • ion.rangeSlider test playground

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    setTimeout(function () {
        
        $range.ionRangeSlider({
            type: "double",
            min: 100,
            max: 1000,
            from: 300,
            to: 800
        });
        
    }, 1500);
  • 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 ...