diff options
Diffstat (limited to 'includes/js/dijit/tests/test_instantiate.html')
-rw-r--r-- | includes/js/dijit/tests/test_instantiate.html | 111 |
1 files changed, 0 insertions, 111 deletions
diff --git a/includes/js/dijit/tests/test_instantiate.html b/includes/js/dijit/tests/test_instantiate.html deleted file mode 100644 index ffc39a4..0000000 --- a/includes/js/dijit/tests/test_instantiate.html +++ /dev/null @@ -1,111 +0,0 @@ -<html> - <head> - <title>dojo.NodeList.instantiate() tests</title> - - <style type="text/css"> - @import "../../dojo/resources/dojo.css"; - @import "css/dijitTests.css"; - #container { height:200px; } - </style> - - <script type="text/javascript" src="../../dojo/dojo.js" - djConfig="parseOnLoad: true, isDebug: true"></script> - <script type="text/javascript" src="_testCommon.js"></script> - - <script type="text/javascript"> - dojo.require("dijit._Widget"); - dojo.require("dojo.parser"); - dojo.require("dijit.form.Button"); - dojo.require("dijit.layout.TabContainer"); - dojo.require("dijit.layout.ContentPane"); - dojo.require("dijit.layout.LinkPane"); - - // declare a simple widget to use as a base test: - dojo.declare("test._Widget",dijit._Widget,{ - message:"", - postCreate:function(){ - this.inherited(arguments); - this.connect(this.domNode,"onclick","workit"); - dojo.style(this.domNode,{ - cursor:"pointer", - color:"#333" - }); - this.domNode.innerHTML += this.message +" ("+this.id +")"; - console.log('created',this.id); - }, - workit:function(){ - dojo.place(this.domNode,this.domNode.parentNode,"end"); - } - }); - - var init = function(){ - dojo.byId("status").innerHTML = "after."; - - // test widgeting - dojo.query("#testList li").instantiate(test._Widget,{}).connect("onclick",console.log); - - // make a tab container from some div, and all it's children div's - dojo.query("#container") - .forEach(function(n){ - dojo.query("div",n) - // create contentpanes from the children and style them - .instantiate(dijit.layout.ContentPane,{}) - .forEach(function(wn,idx){ - dojo.mixin(dijit.byNode(wn),{ title:"tab" + (idx + 1) }) - }) - ; - }) - .instantiate(dijit.layout.TabContainer,{}) - ; - // should we add auto-startup calling? - dijit.byId("container").startup(); - //dijit.byId("container").layout(); - - // another test widget example - dojo.query("#altList li").instantiate(test._Widget,{ message:"woot" }); - - // bunches of buttons, use you imagination on how to relate them to something - dojo.query("#buttonTest").forEach(function(n){ - dojo.query("button",n).instantiate(dijit.form.Button,{ - onClick:function(){ - console.log('clicked:',this.domNode); - } - }); - }); - }; - dojo.addOnLoad(init) - //dojo.addOnLoad(function(){ - // setTimeout(init,25); - //}); - </script> - </head> - <body> - - <h1>dojo.NodeList.instantiate() tests: <span id="status">before</span></h1> - - <h2>Some simple widgets:</h2> - <ul id="testList"> - <li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li> - </ul> - <ul id="altList"> - <li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li><li>inner</li> - </ul> - - <h2>A TabContainer:</h2> - <div id="container"> - <div>pane1</div> - <div>pane2</div> - <div>pane3</div> - </div> - - <h2>Some Buttons</h2> - <div id="buttonTest"> - <button>button 1</button> - <button>button 2</button> - <button>button 3</button> - <button>button 4</button> - <button>button 5</button> - </div> - - </body> -</html> |