add Dojo 1.1.1

[eow] / static / dojo-release-1.1.1 / dijit / tests / layout / test_BorderContainer_nested.html
diff --git a/static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_nested.html b/static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_nested.html

new file mode 100644 (file)

index 0000000..72bdf53
--- /dev/null
+++ b/static/dojo-release-1.1.1/dijit/tests/layout/test_BorderContainer_nested.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+       <title>dijit.layout.BorderContainer Test</title>
+
+       <style type="text/css">
+               @import "../../../dojo/resources/dojo.css";
+               @import "../css/dijitTests.css";
+       </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.BorderContainer");
+               dojo.require("dijit.layout.ContentPane");
+               dojo.require("dijit.form.FilteringSelect");
+       </script>
+</head>
+<body>
+       
+       <h2 class="testTitle">dijit.layout.BorderContainer tests</h2>
+       <p>Basic layout</p>
+
+       <div dojoType="dijit.layout.BorderContainer"
+               style="border: 2px solid black; width: 90%; height: 500px; padding: 10px;">
+               <div dojoType="dijit.layout.ContentPane" region="left" style="background-color: #acb386; width: 100px;">
+                       left
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="right" style="background-color: #acb386; width: 100px;">
+                       right
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="top" style="background-color: #b39b86; height: 100px;">
+                       top bar
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="bottom" style="background-color: #b39b86; height: 100px;">
+                       bottom bar
+               </div>
+               <div dojoType="dijit.layout.ContentPane" region="center" style="background-color: #f5ffbf; padding: 0px;">
+       
+                       <div dojoType="dijit.layout.BorderContainer" design="sidebar"
+                               style="border: 2px solid black; height: 300px;">
+                               <div dojoType="dijit.layout.ContentPane" region="left" style="background-color: #acb386; width: 100px;">
+                                       left
+                               </div>
+                               <div dojoType="dijit.layout.ContentPane" region="right" style="background-color: #acb386; width: 100px;">
+                                       right
+                               </div>
+                               <div dojoType="dijit.layout.ContentPane" region="top" style="background-color: #b39b86; height: 100px;">
+                                       top bar
+                               </div>
+                               <div dojoType="dijit.layout.ContentPane" region="bottom" style="background-color: #b39b86; height: 100px;">
+                                       bottom bar
+                               </div>
+                               <div dojoType="dijit.layout.ContentPane" region="center" style="background-color: #f5ffbf; padding: 10px;">
+                                       main panel with <a href="http://www.dojotoolkit.org/">a link</a>.<br />
+                                       (to check we're copying children around properly).<br />
+                                       <select dojoType="dijit.form.FilteringSelect">
+                                               <option value="1">foo</option>
+                                               <option value="2">bar</option>
+                                               <option value="3">baz</option>
+                                       </select>
+                                       Here's some text that comes AFTER the combo box.
+                               </div>
+                       </div>
+               </div>
+       </div>
+</body>
+</html>