alexxio

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<title>AccordionPane Test</title>


<script type="text/javascript" src="../dojo/dojo.js"></script>
<script language="JavaScript" type="text/javascript">
	dojo.require("dojo.widget.AccordionPane");
	dojo.require("dojo.widget.LayoutContainer");
	dojo.require("dojo.widget.LinkPane");
	dojo.require("dojo.widget.ContentPane");
	dojo.hostenv.writeIncludes();
</script>
<style>

div.container {
	background-color: white;
	border: 2px solid black;
	width: 200px;
	height: 200px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.label , .content {
	width: 100%;
}

.label {
	background: grey;
	height: 20px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.content {
	background: #eeeeee;
}



</style>
</head>
<body>
	<div dojoType="AccordionContainer" labelNodeClass="label" containerNodeClass="accBody"
	style="border: 2px solid black; width: 200px;
	height: 200px;" id="container">
		<div dojoType="AccordionPane" label="TestLabel" labelNodeClass="label" containerNodeClass="content" open="true">
		<a href="aaaa">1111</a><br>
		<a href="aaaa">2222</a><br>
		</div>
		<div dojoType="AccordionPane" label="TestLabel2" labelNodeClass="label" containerNodeClass="content" open="false">
		<a href="aaaa">3333</a><br>
		<a href="aaaa">4444</a><br>

		</div>
		<div dojoType="AccordionPane" label="TestLabel3" labelNodeClass="label" containerNodeClass="content" open="false">
		<a href="aaaa">5555</a><br>
		<a href="aaaa">6666</a><br>
		</div>

	</div>

<div dojoType="ContentPane" layoutAlign="right" style="background-color: #f5ffbf; padding: 10px; height:500px"
		id="docpane" executeScripts="true">
		This is the initial content of the pane (inlined in the HTML file), but
		it will be overriden when you click "doc0" or "doc1" or "doc2" in the tree on the left (underneath "Item 1")
	</div>

</body>
</html>