1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <title>ContentPane Test</title>
8 @import "../../../dojo/resources/dojo.css";
9 @import "../css/dijitTests.css";
18 background-color: white;
19 border: 2px solid black;
25 <script type="text/javascript" src="../../../dojo/dojo.js"
26 djConfig="isDebug: true, parseOnLoad: true"></script>
27 <script type="text/javascript" src="../_testCommon.js"></script>
29 <script type="text/javascript">
30 dojo.require("dijit.layout.ContentPane");
31 dojo.require("dojo.data.ItemFileReadStore");
32 dojo.require("dijit.form.ComboBox");
33 dojo.require("dijit.InlineEditBox");
34 dojo.require("dojo.parser"); // scan page for widgets and instantiate them
38 <h1 class="testTitle">Dijit layout.ContentPane tests</h1>
39 <p>pre-container paragraph</p>
41 <div dojoType="dijit.layout.ContentPane" class="box">
42 some text (top-level container)
44 <div dojoType="dijit.layout.ContentPane" class="box">
46 text in the inner container (1)
48 <div dojoType="dijit.layout.ContentPane" class="box" href="tab2.html" hasShadow="true">
52 text in the inner container (2)
54 <div dojoType="dijit.layout.ContentPane" class="box">
58 text in the inner container (3)
60 <div dojoType="dijit.layout.ContentPane" class="box">
64 text in the inner container (4)
68 some more text (top-level container)
71 <p>mid-container paragraph</p>
73 <div dojoType="dijit.layout.ContentPane" class="box" hasShadow="true">
74 2nd top-level container
77 <p>post-container paragraph</p>
79 <div id="ContentPane3" class="box" hasShadow="true">
80 some content pane blah blah blah
82 <div dojoType="dijit.layout.ContentPane" class="box" href="combotab.html" hasShadow="true" id="test">
83 <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>
85 <input type="button" value="Change pane in 3 seconds" onClick='setTimeout(function(){dijit.byId("test").setHref("tab2.html");}, 3000);'>
86 <script type="text/javascript">
87 dojo.addOnLoad(function(){
88 var tmp = new dijit.layout.ContentPane({}, dojo.byId("ContentPane3"));
90 console.debug('created ' + tmp);