Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Set Tab position

< 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.TabContainer");             dojo.require("dijit.layout.ContentPane");             dojo.require("dojo.parser");             dojo.require("dojo.Button");             function f(){            var container = new dijit.layout.TabContainer({              tabPosition: "left-h",              style : "width:200px;height:200px;"              }, "foo");            var leftChild = new dijit.layout.ContentPane({title : "tab1"});            leftChild.domNode.innerHTML="tab 1";            var rightChild = new dijit.layout.ContentPane({title : "tab2", closable: true});            rightChild.domNode.innerHTML="tab 2";            container.addChild(leftChild);            container.addChild(rightChild);            container.startup(  );            }     </script>   </head>   <body class="tundra" onload=f()>     <div id=foo></div> </body> </html>