|
<html>
<head>
<link rel="StyleSheet" type="text/css" href="js/dojo/dijit/themes/tundra/tundra.css">
<script type="text/javascript">
var djConfig = {
baseScriptUri : "js/dojo/",
parseOnLoad : true
};
</script>
<script type="text/javascript" src="js/dojo/dojo/dojo.js"></script>
<script>
dojo.require("dijit.layout.AccordionContainer");
dojo.require("dijit.layout.AccordionPane");
function f(){
var container = new dijit.layout.AccordionContainer({}, "foo");
var child1 = dojo.doc.createElement("div");
child1.innerHTML="pane 1";
var content1 = dojo.doc.createElement("p");
content1.innerHTML = "content 1";
var ap1 = new dijit.layout.AccordionPane({title: "pane1", selected : true}, content1);
container.addChild(ap1);
var child2 = dojo.doc.createElement("div");
child2.innerHTML="pane 2";
var content2 = dojo.doc.createElement("p");
content2.innerHTML = "content 2";
var ap2 = new dijit.layout.AccordionPane({title: "pane2"}, content2);
container.addChild(ap2);
container.startup( );
}
</script>
</head>
<body class="tundra" onload=f()>
<div id="foo" >
</div>
</div>
</body>
</html>
|