]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dijit/tests/layout/test_ContentPane.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dijit / tests / layout / test_ContentPane.html
diff --git a/static/dojo-release-1.1.1/dijit/tests/layout/test_ContentPane.html b/static/dojo-release-1.1.1/dijit/tests/layout/test_ContentPane.html
new file mode 100644 (file)
index 0000000..4557bef
--- /dev/null
@@ -0,0 +1,94 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+       "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+       <title>ContentPane Test</title>
+
+       <style>
+               @import "../../../dojo/resources/dojo.css";
+               @import "../css/dijitTests.css";
+
+               body {
+                       margin: 1em;
+                       padding: 1em;
+               }
+
+               .box {
+                 position: relative;
+                       background-color: white;
+                       border: 2px solid black;
+                       padding: 8px;
+                       margin: 4px;
+               }
+       </style>
+
+       <script type="text/javascript" src="../../../dojo/dojo.js"
+               djConfig="isDebug: true, parseOnLoad: true"></script>
+       <script type="text/javascript" src="../_testCommon.js"></script>
+
+       <script type="text/javascript">
+               dojo.require("dijit.layout.ContentPane");
+               dojo.require("dojo.data.ItemFileReadStore");
+               dojo.require("dijit.form.ComboBox");
+               dojo.require("dijit.InlineEditBox");
+               dojo.require("dojo.parser");    // scan page for widgets and instantiate them
+       </script>
+</head>
+<body>
+       <h1 class="testTitle">Dijit layout.ContentPane tests</h1>
+               <p>pre-container paragraph</p>
+
+               <div dojoType="dijit.layout.ContentPane" class="box">
+                       some text (top-level container)
+
+                       <div dojoType="dijit.layout.ContentPane" class="box">
+
+                               text in the inner container (1)
+
+                               <div dojoType="dijit.layout.ContentPane" class="box" href="tab2.html" hasShadow="true">
+                                       hi
+                               </div>
+
+                               text in the inner container (2)
+
+                               <div dojoType="dijit.layout.ContentPane" class="box">
+                                       inner-inner 2
+                               </div>
+
+                               text in the inner container (3)
+
+                               <div dojoType="dijit.layout.ContentPane" class="box">
+                                       inner-inner 3
+                               </div>
+
+                               text in the inner container (4)
+
+                       </div>
+
+                       some more text (top-level container)
+               </div>
+
+               <p>mid-container paragraph</p>
+
+               <div dojoType="dijit.layout.ContentPane" class="box" hasShadow="true">
+                       2nd top-level container
+               </div>
+
+               <p>post-container paragraph</p>
+
+               <div id="ContentPane3" class="box" hasShadow="true">
+                       some content pane blah blah blah
+               </div>
+               <div dojoType="dijit.layout.ContentPane" class="box" href="combotab.html" hasShadow="true" id="test">
+                       <p style='background-color:yellow;border:1px solid red;text-align:center;'>This text should automatically be replaced by downloaded content from combotab.html</p>
+               </div>
+               <input type="button" value="Change pane in 3 seconds" onClick='setTimeout(function(){dijit.byId("test").setHref("tab2.html");}, 3000);'>
+               <script type="text/javascript">
+                       dojo.addOnLoad(function(){
+                               var tmp = new dijit.layout.ContentPane({}, dojo.byId("ContentPane3"));
+                               tmp.startup();
+                               console.debug('created ' + tmp);        
+                       });
+               </script>
+       </body>
+</html>