Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Create stack container programmatically

< html>   <head>     <link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css">     <script type="text/javascript">       var djConfig = {         baseScriptUri : "js/dojo/",         parseOnLoad : true       };     </script>     <script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>     <script>             dojo.require("dijit.layout.StackContainer");             dojo.require("dijit.layout.ContentPane");             dojo.require("dojo.parser");             dojo.require("dojo.Button");              function f(){                 var container = new dijit.layout.StackContainer({}, "foo");                                  var leftChild = new dijit.layout.ContentPane({});                 leftChild.domNode.innerHTML="page 1";                                  var rightChild = new dijit.layout.ContentPane({});                 rightChild.domNode.innerHTML="page 2";                                  container.addChild(leftChild);                 container.addChild(rightChild);                                  container.startup(  );                                  dijit.byId("foo").forward(  );             }     </script>   </head>   <body class="tundra" onload=f()>         <div id=foo></div> </body> </html>