JSFiddle

  • ion.rangeSlider test playground

    jQuery (edge), HTML, CSS, JavaScript

    var $range = $(".js-range-slider");
    
    $range.ionRangeSlider({
        type: "single",
        values: [
            1,2,3,4,5,6,7,8,9,10,
            11,12 ...
  • Chains to 10

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

    // Denis Ineshin (IonDen.com)
    
    var getChains = function (array) {
        var sort = function (a, b) {
            if (a < b) {
                return -1;
            }
            if (a > b) {
                return 1;
            }
    
            return 0 ...
  • Find all 10-s

    jQuery Compat (edge), HTML, CSS, JavaScript, Firebug Lite 1.4.0

    var $result = document.getElementById('result'),
        save = {},
        test = [1, 2, 3, 4, 5, 6, 7, 8, 9],
        i, item;
    
    for (i ...
  • One sec function

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

    // Denis Ineshin (IonDen.com)
    
    var $body = document.body,
        $test = document.getElementById('test');
    
    
    var Delayed = function (scope, callback) {
        this.scope = scope ...
  • 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
    });