| 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> |