#javascript-code-09-dojo.htm / htm
<html>
<head>
<title>Accordion Widget Demo</title>
<!— Include the Dojo Framework -->
<script type="text/javascript" src="dojo.js"></script>
<!— Include the different Dojo Packages -->
<script type="text/javascript">
// Two different packages are imported and used to create
// an Accordian Container widget
dojo.require("dojo.widget.AccordionContainer");
dojo.require("dojo.widget.ContentPane");
</script>
</head>
<body>
<div dojoType="AccordionContainer" labelNodeClass="label">
<div dojoType="ContentPane" open="true" label="Pane 1">
<h2>Pane 1</h2>
<p>Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin…</p>
</div>
<div dojoType="ContentPane" label="Pane 2">
<h2>Pane 2</h2>
<p>Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin…</p>
</div>
<div dojoType="ContentPane" label="Pane 3">
<h2>Pane 3</h2>
<p>Nunc consequat nisi vitae quam. Suspendisse sed nunc. Proin…</p>
</div>
</div>
</body>
</html>
(C) Æliens 20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.
