git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/tests/layout/test_ContentPane.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html>
   4 <head>
   5         <title>ContentPane Test</title>
   6
   7         <style>
   8                 @import "../../../dojo/resources/dojo.css";
   9                 @import "../css/dijitTests.css";
  10
  11                 body {
  12                         margin: 1em;
  13                         padding: 1em;
  14                 }
  15
  16                 .box {
  17                   position: relative;
  18                         background-color: white;
  19                         border: 2px solid black;
  20                         padding: 8px;
  21                         margin: 4px;
  22                 }
  23         </style>
  24
  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>
  28
  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
  35         </script>
  36 </head>
  37 <body>
  38         <h1 class="testTitle">Dijit layout.ContentPane tests</h1>
  39                 <p>pre-container paragraph</p>
  40
  41                 <div dojoType="dijit.layout.ContentPane" class="box">
  42                         some text (top-level container)
  43
  44                         <div dojoType="dijit.layout.ContentPane" class="box">
  45
  46                                 text in the inner container (1)
  47
  48                                 <div dojoType="dijit.layout.ContentPane" class="box" href="tab2.html" hasShadow="true">
  49                                         hi
  50                                 </div>
  51
  52                                 text in the inner container (2)
  53
  54                                 <div dojoType="dijit.layout.ContentPane" class="box">
  55                                         inner-inner 2
  56                                 </div>
  57
  58                                 text in the inner container (3)
  59
  60                                 <div dojoType="dijit.layout.ContentPane" class="box">
  61                                         inner-inner 3
  62                                 </div>
  63
  64                                 text in the inner container (4)
  65
  66                         </div>
  67
  68                         some more text (top-level container)
  69                 </div>
  70
  71                 <p>mid-container paragraph</p>
  72
  73                 <div dojoType="dijit.layout.ContentPane" class="box" hasShadow="true">
  74                         2nd top-level container
  75                 </div>
  76
  77                 <p>post-container paragraph</p>
  78
  79                 <div id="ContentPane3" class="box" hasShadow="true">
  80                         some content pane blah blah blah
  81                 </div>
  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>
  84                 </div>
  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"));
  89                                 tmp.startup();
  90                                 console.debug('created ' + tmp);
  91                         });
  92                 </script>
  93         </body>
  94 </html>