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>

Dojo-toolkit.zip( 3,849 k)

Related examples in the same category

1.	Stack container with back and forward actions
2.	Use StackContainer and ContentPane
3.	Wizard based on stack container

Create stack container programmatically : Stack Container « Dojo toolkit « JavaScript DHTML

Related examples in the same category