| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|---|
| 2 | <html> |
|---|
| 3 | <head> |
|---|
| 4 | |
|---|
| 5 | <title>ContentPane Test</title> |
|---|
| 6 | |
|---|
| 7 | <script type="text/javascript"> |
|---|
| 8 | var djConfig = {isDebug: true}; |
|---|
| 9 | </script> |
|---|
| 10 | <script type="text/javascript" src="../../dojo.js"></script> |
|---|
| 11 | <script language="JavaScript" type="text/javascript"> |
|---|
| 12 | dojo.require("dojo.widget.ContentPane"); |
|---|
| 13 | dojo.require("dojo.widget.Button"); |
|---|
| 14 | </script> |
|---|
| 15 | <style> |
|---|
| 16 | |
|---|
| 17 | body { |
|---|
| 18 | margin: 2px; |
|---|
| 19 | padding: 2px; |
|---|
| 20 | } |
|---|
| 21 | |
|---|
| 22 | .box { |
|---|
| 23 | position: relative; |
|---|
| 24 | background-color: white; |
|---|
| 25 | border: 2px solid black; |
|---|
| 26 | padding: 8px; |
|---|
| 27 | margin: 4px; |
|---|
| 28 | } |
|---|
| 29 | |
|---|
| 30 | </style> |
|---|
| 31 | </head> |
|---|
| 32 | <body> |
|---|
| 33 | |
|---|
| 34 | <p>pre-container paragraph</p> |
|---|
| 35 | |
|---|
| 36 | <div dojoType="ContentPane" class="box"> |
|---|
| 37 | some text (top-level container) |
|---|
| 38 | |
|---|
| 39 | <div dojoType="ContentPane" class="box"> |
|---|
| 40 | |
|---|
| 41 | text in the inner container (1) |
|---|
| 42 | |
|---|
| 43 | <div dojoType="ContentPane" class="box" href="tab1.html" hasShadow="true"> |
|---|
| 44 | hi |
|---|
| 45 | </div> |
|---|
| 46 | |
|---|
| 47 | text in the inner container (2) |
|---|
| 48 | |
|---|
| 49 | <div dojoType="ContentPane" class="box"> |
|---|
| 50 | |
|---|
| 51 | inner-inner 2 |
|---|
| 52 | </div> |
|---|
| 53 | |
|---|
| 54 | text in the inner container (3) |
|---|
| 55 | |
|---|
| 56 | <div dojoType="ContentPane" class="box"> |
|---|
| 57 | |
|---|
| 58 | inner-inner 3 |
|---|
| 59 | </div> |
|---|
| 60 | |
|---|
| 61 | text in the inner container (4) |
|---|
| 62 | |
|---|
| 63 | </div> |
|---|
| 64 | |
|---|
| 65 | some more text (top-level container) |
|---|
| 66 | </div> |
|---|
| 67 | |
|---|
| 68 | <p>mid-container paragraph</p> |
|---|
| 69 | |
|---|
| 70 | <div dojoType="ContentPane" class="box" hasShadow="true"> |
|---|
| 71 | 2nd top-level container |
|---|
| 72 | </div> |
|---|
| 73 | |
|---|
| 74 | <p>post-container paragraph</p> |
|---|
| 75 | |
|---|
| 76 | <div id="ContentPane3" class="box" hasShadow="true"> |
|---|
| 77 | some content pane blah blah blah |
|---|
| 78 | </div> |
|---|
| 79 | |
|---|
| 80 | <script type="text/javascript"> |
|---|
| 81 | dojo.addOnLoad(function(){ |
|---|
| 82 | dojo.debug(dojo.widget.createWidget("ContentPane", {}, dojo.byId("ContentPane3"))); |
|---|
| 83 | }); |
|---|
| 84 | </script> |
|---|
| 85 | |
|---|
| 86 | </body> |
|---|
| 87 | </html> |
|---|
| 88 | <html><body></body></html> |
|---|
