You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
1.6 KiB
89 lines
1.6 KiB
2 years ago
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<title>ContentPane Test</title>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var djConfig = {isDebug: true};
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript" src="../../dojo.js"></script>
|
||
|
|
<script language="JavaScript" type="text/javascript">
|
||
|
|
dojo.require("dojo.widget.ContentPane");
|
||
|
|
dojo.require("dojo.widget.Button");
|
||
|
|
</script>
|
||
|
|
<style>
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 2px;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.box {
|
||
|
|
position: relative;
|
||
|
|
background-color: white;
|
||
|
|
border: 2px solid black;
|
||
|
|
padding: 8px;
|
||
|
|
margin: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<p>pre-container paragraph</p>
|
||
|
|
|
||
|
|
<div dojoType="ContentPane" class="box">
|
||
|
|
some text (top-level container)
|
||
|
|
|
||
|
|
<div dojoType="ContentPane" class="box">
|
||
|
|
|
||
|
|
text in the inner container (1)
|
||
|
|
|
||
|
|
<div dojoType="ContentPane" class="box" href="tab1.html" hasShadow="true">
|
||
|
|
hi
|
||
|
|
</div>
|
||
|
|
|
||
|
|
text in the inner container (2)
|
||
|
|
|
||
|
|
<div dojoType="ContentPane" class="box">
|
||
|
|
|
||
|
|
inner-inner 2
|
||
|
|
</div>
|
||
|
|
|
||
|
|
text in the inner container (3)
|
||
|
|
|
||
|
|
<div dojoType="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="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>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
dojo.addOnLoad(function(){
|
||
|
|
dojo.debug(dojo.widget.createWidget("ContentPane", {}, dojo.byId("ContentPane3")));
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
<html><body></body></html>
|