mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-02 07:05:24 +00:00
1fdeed80f7
<boxDerivedTag orient="horizontal|vertical"> patch by andersma@luther.edu r=timeless sr=blake
48 lines
1.4 KiB
XML
48 lines
1.4 KiB
XML
<?xml version="1.0"?> <!-- -*- Mode: SGML; indent-tabs-mode: nil c-basic-offset: 2 -*- -->
|
|
<!--
|
|
|
|
The test exercises creation and removal of HTML elements.
|
|
|
|
-->
|
|
|
|
<?xml-stylesheet type="text/css" href="resource:/res/samples/xul.css"?>
|
|
|
|
<window xmlns:html="http://www.w3.org/1999/xhtml"
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
|
|
<html:script>
|
|
var open = false;
|
|
|
|
function toggleOpenClose()
|
|
{
|
|
var container = document.getElementById('container');
|
|
|
|
if (open) {
|
|
// close
|
|
dump("\n\n\n\nCLOSING\n\n");
|
|
container.removeChild(container.firstChild);
|
|
}
|
|
else {
|
|
// open
|
|
dump("\n\n\n\nOPENING\n\n");
|
|
var frame = document.createElement('box');
|
|
frame.setAttribute('align', 'vertical');
|
|
frame.setAttribute('style', 'width: 50px; height: 50px; background: red;');
|
|
container.insertBefore(frame, container.firstChild);
|
|
}
|
|
|
|
open = !open;
|
|
}
|
|
</html:script>
|
|
|
|
|
|
<html:button onclick="toggleOpenClose();" flex="100%">Add/Remove Red Element At 0</html:button>
|
|
The order should stay 'blue, green, yellow'.
|
|
|
|
<hbox id="container" style="height: 100%; width: 100%;" flex="100%">
|
|
<vbox style="width: 50px; height: 50px; background: blue;" />
|
|
<vbox style="width: 50px; height: 50px; background: green;" />
|
|
<vbox style="width: 50px; height: 50px; background: yellow;" />
|
|
</hbox>
|
|
</window>
|