summaryrefslogtreecommitdiff
path: root/includes/js/dojox/layout/tests/_floating.html
blob: be5ece940fbbbaea72457cd610f6f953556d8f46 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<div class="wrap">
	<h3>I am FloatingPane</h3>
	<p>Windows in the Browser is weird UI, but sometimes useful. Even more useful:<br>
	<br>
	<button dojoType="dijit.form.Button">
		Dock To Tab
		<script type="dojo/method" event="onClick">
			this.setAttribute("disabled",true);
			var c = dijit.getEnclosingWidget(this.domNode.parentNode);
			dojo.style(c.focusNode,"display","none");
			dojo.style(c.domNode,{
				position:"relative",
				top:"0",
				left:"0"
			})
			var tab = dijit.byId("centerPane");
			tab.addChild(c);
			tab.selectChild(c);
		</script>
	</button>
	<br>
	<button dojoType="dijit.form.Button">
		Dock To Accordion
		<script type="dojo/method" event="onClick">
			this.setAttribute("disabled",true);
			var n = dijit.getEnclosingWidget(this.domNode.parentNode);
			dojo.style(n.focusNode,"display","none");
			dojo.style(n.domNode,{
				position:"relative",
				top:"0",
				left:"0"
			})
			var c = new dijit.layout.AccordionPane({
				title:n.title,
				closable:n.closable
			});
			c.startup();
			c.setContent(n.containerNode);
			var accordion = dijit.byId("rightAccordion");
			accordion.addChild(c);
			accordion.selectChild(c);
		</script>
	</button>
	<br><br>
	(both technically unsupported)
	</p>

</div>