Commit | Line | Data |
---|---|---|
21c4e167 H |
1 | <?xml version="1.0"?> |
2 | <?xml-stylesheet href="chrome://global/skin" type="text/css"?> | |
3 | ||
4 | <window title="XUL Periodic Table" | |
5 | xmlns:html="http://www.w3.org/1999/xhtml" | |
6 | xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> | |
7 | ||
8 | <script> | |
9 | <![CDATA[ | |
10 | ||
11 | function setFrame() | |
12 | { | |
13 | var listBox = document.getElementById("working-list"); | |
14 | var selectedItem = listBox.getSelectedItem(0); | |
15 | var newPage = selectedItem.getAttribute("value"); | |
16 | document.getElementById("working-frame").setAttribute("src", newPage); | |
17 | var newSrc = newPage + ".txt"; | |
18 | document.getElementById("source-frame").setAttribute("src", newSrc); | |
19 | } | |
20 | ||
21 | ]]> | |
22 | </script> | |
23 | ||
24 | <hbox flex="1"> | |
25 | <listbox id="working-list" style="width:10em" | |
26 | onselect="setFrame();"> | |
27 | <listitem value="layout.xul" label="Box Layout" selected="true" /> | |
28 | <listitem value="button.xul" label="Buttons" /> | |
29 | <listitem value="checkbox.xul" label="Checkboxes" /> | |
30 | <listitem value="colorpicker.xul" label="Colorpickers" /> | |
31 | <listitem value="cropping.xul" label="Cropping" /> | |
32 | <listitem value="grid.xul" label="Grids" /> | |
33 | <listitem value="image.xul" label="Images" /> | |
34 | <listitem value="label.xul" label="Labels" /> | |
35 | <listitem value="list.xul" label="Lists" /> | |
36 | <listitem value="menubar.xul" label="Menubars, etc." /> | |
37 | <listitem value="popup.xul" label="Popups" /> | |
38 | <listitem value="progressmeter.xul" label="Progressmeters" /> | |
39 | <listitem value="radio.xul" label="Radiobuttons" /> | |
40 | <listitem value="scrolling.xul" label="Scrolling" /> | |
41 | <listitem value="splitter.xul" label="Splitters" /> | |
42 | <listitem value="stack.xul" label="Stacks and Decks" /> | |
43 | <listitem value="tab.xul" label="Tabs" /> | |
44 | <listitem value="textbox.xul" label="TextBoxes" /> | |
45 | <listitem value="tree-simple.xul" label="Trees, Simple" /> | |
46 | <listitem value="tree-nested.xul" label="Trees, Nested" /> | |
47 | </listbox> | |
48 | ||
49 | <splitter collapse="before" resizebefore="closest" resizeafter="grow"> | |
50 | <grippy /> | |
51 | </splitter> | |
52 | ||
53 | <tabbox flex="1" > | |
54 | <tabs> | |
55 | <tab label="Examples" /> | |
56 | <tab label="Source" /> | |
57 | <tab label="Change log" /> | |
58 | </tabs> | |
59 | <tabpanels flex="1" > | |
60 | <iframe id="working-frame" type="content-primary" src="layout.xul" /> | |
61 | <iframe id="source-frame" type="content-primary" | |
62 | src="layout.xul.txt"/> | |
63 | <iframe type="content-primary" src="ChangeLog.txt" /> | |
64 | </tabpanels> | |
65 | </tabbox> | |
66 | ||
67 | </hbox> | |
68 | ||
69 | </window> |