Interconnected sliders

by psoares

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.1/dijit/themes/claro/claro.css">
<div id="slider1"></div>
<div id="slider2"></div>
<div id="slider3"></div>

JavaScript

require(["dojo/_base/array", "dojo/_base/declare", "dijit/form/HorizontalSlider", "dijit/registry", "dojo/dom-class", "dojo/domReady!"], function(array, declare, HorizontalSlider, registry, domClass) {
   
    var remainder = 0;
    
    var Slider = declare(HorizontalSlider, {
        minimum: 0,
        maximum: 100,
        value: 10,
        intermediateChanges: false,
        postCreate : function() {
            this.inherited(arguments);
            debugger;
            this.watch('value', function(propertyName, oldVal, newVal) {
                console.debug(arguments);
            });
        }
    });
    
    var slider1 = new Slider({}, "slider1");
    
    slider1.startup();
    
    var slidersInPage = array.filter(registry.toArray(), function(w) {
        return domClass.contains(w.domNode, 'dijitSlider');
    });
    
    debugger;
});