diff options
Diffstat (limited to 'includes/js/dijit/tests/layout/test_ContentPane.html')
-rw-r--r-- | includes/js/dijit/tests/layout/test_ContentPane.html | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/layout/test_ContentPane.html b/includes/js/dijit/tests/layout/test_ContentPane.html new file mode 100644 index 0000000..4557bef --- /dev/null +++ b/includes/js/dijit/tests/layout/test_ContentPane.html @@ -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> |