JSFiddle - React, Tailwind, and code Playground

by Richard Ayotte

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dijit/themes/claro/claro.css">
<body class='claro'>
<div id='tabContainer'></div>
</body>

JavaScript

require([
    'dijit/layout/TabContainer'
    , 'dijit/layout/ContentPane'
    , 'dijit/form/Button'
    , 'dojo/aspect'
    , 'dojo/dom-construct'
    , 'dojo/domReady!'
], function(
    TabContainer
    , ContentPane
    , Button
    , aspect
    , domConstruct
){
    this.tc = new TabContainer({
        style: 'height: 100%; width: 100%;'
    }, 'tabContainer');

    this.cp0 = new ContentPane({
        title: 'Greetings'
    });

    tc.addChild(cp0);
    tc.startup();

    /*
    this.button = new Button({
        label: 'Hello'
        , onClick: function() {
            say('Hello');
        }
    }).placeAt(this.cp0.containerNode);
    */

    
    
    
    
    




    /*    
    this.say = function(message) {
        alert(message);
        return 'say returned';
    }
    */

    
    
    
    
    




    /*
    var origFunction = this.say;
    this.say = function(message) {
        alert('Attention please!');
        origFunction.apply(this, arguments);
        alert('Thank you.');
    }
    */

    
    
    
    
    




    /*
    this.say = function(origFuction) {
        return function () {
            var that = this;
            alert('Attention please!');
            origFunction.apply(this, arguments);
            alert('Thank you.');
        }
    }(this.say);
    */

    
    
    
    
    




    /*
    aspect.before(this, 'say', function() {
        alert('before say');    
    });
    */
    
    
    
    
    



    /*
    aspect.after(this, 'say', function() {
        alert('after say');    
    });
    */
    
    
    
    
    



    /*
    aspect.around(this, 'say', function(origFunction) {
        return function() {
            alert('around say');    
            origFunction.apply(this, arguments);            
        }
    });
    */








    /*
    signal.remove();
    */
});