Mega Code Archive

 
Categories / JavaScript Tutorial / Dojo Toolkit
 

Wizard based on stack container

< 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.StackContainer");         dojo.require("dijit.form.Button");     </script>   </head>   <body class="tundra">     <button id="previous" onClick="dijit.byId('mainTabContainer').back()">Previous</button>     <button id="next" onClick="dijit.byId('mainTabContainer').forward()">Next</button>         <div id="mainTabContainer" dojoType="dijit.layout.StackContainer">         <p id="Page1" dojoType="dijit.layout.ContentPane" label="Intro">Page First</p>         <p id="Page2" dojoType="dijit.layout.ContentPane">Page Second.</p>         <p id="Page3" dojoType="dijit.layout.ContentPane">Page Third.</p>    </div>   </body> </html>