Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Create dijit layout AccordionContainer

< 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.AccordionContainer");             dojo.require("dijit.layout.AccordionPane");             function f(){                 var container = new dijit.layout.AccordionContainer({}, "foo");                 var child1 = dojo.doc.createElement("div");                 child1.innerHTML="pane 1";                                  var content1 = dojo.doc.createElement("p");                 content1.innerHTML = "content 1";                                  var ap1 = new dijit.layout.AccordionPane({title: "pane1", selected : true}, content1);                 container.addChild(ap1);                                  var child2 = dojo.doc.createElement("div");                 child2.innerHTML="pane 2";                                  var content2 = dojo.doc.createElement("p");                 content2.innerHTML = "content 2";                 var ap2 = new dijit.layout.AccordionPane({title: "pane2"}, content2);                 container.addChild(ap2);                                  container.startup(  );             }     </script>   </head>   <body class="tundra" onload=f()>     <div id="foo" >     </div> </div> </body> </html>