diff options
author | 2008-11-13 09:49:11 +0000 | |
---|---|---|
committer | 2008-11-13 09:49:11 +0000 | |
commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dojox/layout/tests/test_ExpandoPane_code.html | |
parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
download | scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.zip |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dojox/layout/tests/test_ExpandoPane_code.html')
-rw-r--r-- | includes/js/dojox/layout/tests/test_ExpandoPane_code.html | 98 |
1 files changed, 98 insertions, 0 deletions
diff --git a/includes/js/dojox/layout/tests/test_ExpandoPane_code.html b/includes/js/dojox/layout/tests/test_ExpandoPane_code.html new file mode 100644 index 0000000..2b71fcc --- /dev/null +++ b/includes/js/dojox/layout/tests/test_ExpandoPane_code.html @@ -0,0 +1,98 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<html> +<head> + <title>dojox.layout.ExpandoPane</title> + <link rel="stylesheet" href="_expando.css" /> + <script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:true"></script> + <script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script> + <script type="text/javascript"> + dojo.require("dijit.form.Button"); + dojo.require("dijit.layout.ContentPane"); + dojo.require("dijit.layout.BorderContainer"); + + var _clearPane = function(){ + var ch = dijit.byId("bc").getChildren(); + dojo.forEach(["pane0","pane1","pane2","pane3"],function(p){ + + dojo.byId("hidden").appendChild(dojo.byId(p)); + var dij = dijit.getEnclosingWidget(p.parentNode); + if(dij){ + console.log(dij); + dijit.byId("bc").removeChild(dij); + dij.destroy(); + } + + }); + }; + + </script> + <style type="text/css"> + #hidden { + position:absolute; + top:-999px; + left:-999px; + overflow:hidden; + width:500px; + height:500px; + visibility:hidden; + } + #pane0, #pane1, #pane2, #pane3 { + width:100%; + height:100%; + } + #pane1 { background:red; } + #pane2 { background:green; } + #pane3 { background:blue; } + #pane0 { background:yellow; } + </style> +</head> +<body> + <div id="bc" style="width:100%; height:100%;" dojoType="dijit.layout.BorderContainer"> + <div region="center" style="height:65px; border-bottom:1px solid #666"> + <button dojoType="dijit.form.Button"> + Set 3-pane + <script type="dojo/method" event="onClick"> + _clearPane(); + var bc = dijit.byId("bc"); + + var cp = new dijit.layout.ContentPane({ + region:"left", + style:"width:125px; height:100%", + splitter:true + }); + cp.domNode.appendChild(dojo.byId("pane1")); + cp.startup(); + bc.addChild(cp); + + var cp2 = new dijit.layout.ContentPane({ + region:"right", + style:"width:125px; height:100%", + splitter:true + }); + cp2.domNode.appendChild(dojo.byId("pane2")); + cp2.startup(); + bc.addChild(cp2); + + var cp3 = new dijit.layout.ContentPane({ + region:"center" + + }); + cp3.domNode.appendChild(dojo.byId("pane0")); + cp3.startup(); + bc.addChild(cp3); + + bc.layout(); + </script> + </button> + </div> + + </div> + <div id="hidden"> + <div id="pane0">pane 0 content</div> + <div id="pane1">pane 1 content</div> + <div id="pane2">pane 2 content</div> + <div id="pane3">pane 3 content</div> + </div> +</body> +</html> |