JSFiddle - React, Tailwind, and code Playground

by keemor

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojox/grid/resources/claroGrid.css">
<b>Simple Form:</b>
<br>
<blockquote>
  <form action="postIt" id="myform">
    Text: <input type="text" data-dojo-type="dijit.form.TextBox" name="formInput" value="Some text"></input><br><br>
    Checkbox: <input type="checkbox" data-dojo-type="dijit.form.CheckBox" name="checkboxInput"></input><br><br>
    <button type="submit" data-dojo-type="dijit.form.Button" id="submitButton">Send it!</button>
  </form>
</blockquote>
<br>
<b>Result</b>
<div id="response"></div>

JavaScript

dojo.require("dijit.form.Button");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.CheckBox");

//>>excludeStart("webkitMobile", kwArgs.webkitMobile);
(function(){
//>>excludeEnd("webkitMobile");
    // DOM event listener machinery
    var del = (dojo._event_listener = {
        add: function(/*DOMNode*/ node, /*String*/ name, /*Function*/ fp){
            if(!node){return;}
            name = del._normalizeEventName(name);
            fp = del._fixCallback(name, fp);
            var oname = name;
            if(
                //>>excludeStart("webkitMobile", kwArgs.webkitMobile);
                !dojo.isIE &&
                //>>excludeEnd("webkitMobile");
                (name == "mouseenter" || name == "mouseleave")
            ){
                var ofp = fp;
                //oname = name;
                name = (name == "mouseenter") ? "mouseover" : "mouseout";
                fp = function(e){
                    if(!dojo.isDescendant(e.relatedTarget, node)){
                        // e.type = oname; // FIXME: doesn't take? SJM: event.type is generally immutable.
                        return ofp.call(this, e);
                    }
                }
            }
            node.addEventListener(name, fp, false);
            return fp; /*Handle*/
        },
        remove: function(/*DOMNode*/ node, /*String*/ event, /*Handle*/ handle){
            // summary:
            //        clobbers the listener from the node
            // node:
            //        DOM node to attach the event to
            // event:
            //        the name of the handler to remove the function from
            // handle:
            //        the handle returned from add
            if(node){
                event = del._normalizeEventName(event);
                if(!dojo.isIE && (event == "mouseenter" || event == "mouseleave")){
                    event = (event == "mouseenter") ? "mouseover" : "mouseout";
                }

               ...