diff options
| author | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
|---|---|---|
| committer | mensonge <mensonge@b3834d28-1941-0410-a4f8-b48e95affb8f> | 2008-11-13 09:49:11 +0000 |
| commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
| tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/tests/layout/test_TabContainerTitlePane.html | |
| parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
| download | semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz semanticscuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.bz2 | |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/tests/layout/test_TabContainerTitlePane.html')
| -rw-r--r-- | includes/js/dijit/tests/layout/test_TabContainerTitlePane.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/includes/js/dijit/tests/layout/test_TabContainerTitlePane.html b/includes/js/dijit/tests/layout/test_TabContainerTitlePane.html new file mode 100644 index 0000000..139eb2b --- /dev/null +++ b/includes/js/dijit/tests/layout/test_TabContainerTitlePane.html @@ -0,0 +1,75 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>TabContainer Nested TitlePane Test</title> + + <style type="text/css"> + @import "../../../dojo/resources/dojo.css"; + @import "../css/dijitTests.css"; + + body { + font-family : sans-serif; + margin:20px; + } + + /* add padding to each contentpane inside the tab container, and scrollbar if necessary */ + .dojoTabPane { + padding : 10px 10px 10px 10px; + overflow: auto; + } + </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.TabContainer"); + dojo.require("dijit.TitlePane"); + dojo.require("dojo.parser"); // scan page for widgets and instantiate them + + startTime = new Date(); + dojo.addOnLoad(function(){ + var elapsed = new Date().getTime() - startTime; + var p = document.createElement("p"); + p.appendChild(document.createTextNode("Widgets loaded in " + elapsed + "ms")); + document.body.appendChild(p); + // dojo.parser.parse(dojo.body()); + }); + + </script> +</head> +<body> + + <h1 class="testTitle">Dijit layout.TabContainer nested TitlePane tests</h1> + + <div id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width: 100%; height: 20em;"> + + <div dojoType="dijit.layout.ContentPane" title="Tab 1"> + <h1>I am tab 1</h1> + <div dojoType="dijit.TitlePane" title="Title pane" width="300"> + <p>This is a title pane, containing another tab container ...</p> + <p> + Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque iaculis, nulla id semper faucibus, pede tellus nonummy magna, vitae adipiscing orci arcu ut augue. Nunc condimentum, magna a vestibulum convallis, libero purus pulvinar orci, sed vestibulum urna sem ut pede. More Ipsum... + </p> + <div id="subTabContainer" dojoType="dijit.layout.TabContainer" style="width: 100%; height: 20em;"> + <div id="tab3" dojoType="dijit.layout.ContentPane" href="tab1.html" title="Tab 3"></div> + <div id="tab4" dojoType="dijit.layout.ContentPane" href="tab2.html" refreshOnShow="true" title="Tab 4" selected="true"></div> + </div> + </div> + </div> + <div id="tab2" dojoType="dijit.layout.ContentPane" href="tab2.html" title="Tab 2"></div> + + </div> + + + <h3>Typical rendering time</h3> + <table border=1> + <tr><th>IE</th><th>Firefox (mac)</th></tr> + <tr><td>1719</td><td>922</td></tr> + </table> + <h3>Rendering time</h3> + +</body> +</html> |