Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Create TabContainer

< 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("dojo.parser");       dojo.require("dijit.layout.ContentPane");       dojo.require("dijit.layout.TabContainer");       dojo.addOnLoad(show);       function show() {         var myDijit = new dijit.layout.TabContainer({           style : "width:800px;height:600px;"         });         dojo.byId("my").appendChild(myDijit.domNode);         var myPane1 = new dijit.layout.ContentPane({title : "A", closable : true });         myPane1.setContent("A");         myDijit.addChild(myPane1);         var myPane2 = new dijit.layout.ContentPane({title : "B" });         myPane2.setContent("B");         myDijit.addChild(myPane2);         var myPane3 = new dijit.layout.ContentPane({           title : "C", selected : true,           href : "http://www.rntsoft.com" });         myDijit.addChild(myPane3);         myDijit.startup();       }     </script>   </head>   <body class="tundra">         <div id="my">&nbsp;</div>   </body> </html>