diff options
Diffstat (limited to 'includes/js/dijit/tests/layout/test_ContentPane.html')
| -rw-r--r-- | includes/js/dijit/tests/layout/test_ContentPane.html | 94 | 
1 files changed, 94 insertions, 0 deletions
| diff --git a/includes/js/dijit/tests/layout/test_ContentPane.html b/includes/js/dijit/tests/layout/test_ContentPane.html new file mode 100644 index 0000000..4557bef --- /dev/null +++ b/includes/js/dijit/tests/layout/test_ContentPane.html @@ -0,0 +1,94 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" +	"http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> +	<title>ContentPane Test</title> + +	<style> +		@import "../../../dojo/resources/dojo.css"; +		@import "../css/dijitTests.css"; + +		body { +			margin: 1em; +			padding: 1em; +		} + +		.box { +		  position: relative; +			background-color: white; +			border: 2px solid black; +			padding: 8px; +			margin: 4px; +		} +	</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.ContentPane"); +		dojo.require("dojo.data.ItemFileReadStore"); +		dojo.require("dijit.form.ComboBox"); +		dojo.require("dijit.InlineEditBox"); +		dojo.require("dojo.parser");	// scan page for widgets and instantiate them +	</script> +</head> +<body> +	<h1 class="testTitle">Dijit layout.ContentPane tests</h1> +		<p>pre-container paragraph</p> + +		<div dojoType="dijit.layout.ContentPane" class="box"> +			some text (top-level container) + +			<div dojoType="dijit.layout.ContentPane" class="box"> + +				text in the inner container (1) + +				<div dojoType="dijit.layout.ContentPane" class="box" href="tab2.html" hasShadow="true"> +					hi +				</div> + +				text in the inner container (2) + +				<div dojoType="dijit.layout.ContentPane" class="box"> +					inner-inner 2 +				</div> + +				text in the inner container (3) + +				<div dojoType="dijit.layout.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="dijit.layout.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> +		<div dojoType="dijit.layout.ContentPane" class="box" href="combotab.html" hasShadow="true" id="test"> +			<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> +		</div> +		<input type="button" value="Change pane in 3 seconds" onClick='setTimeout(function(){dijit.byId("test").setHref("tab2.html");}, 3000);'> +		<script type="text/javascript"> +			dojo.addOnLoad(function(){ +				var tmp = new dijit.layout.ContentPane({}, dojo.byId("ContentPane3")); +				tmp.startup(); +				console.debug('created ' + tmp);	 +			}); +		</script> +	</body> +</html> | 
