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