Source code
Revision control
Copy as Markdown
Other Tools
<dialog id="dialog-focus"
buttons="extra2,accept,cancel">
<tabbox id="tabbox" hidden="true">
<tabs>
<tab id="tab" label="Tab"/>
</tabs>
<tabpanels>
<tabpanel>
<button id="tabbutton" label="Tab Button"/>
<button id="tabbutton2" label="Tab Button 2"/>
</tabpanel>
</tabpanels>
</tabbox>
<html:input id="textbox-yes" value="textbox-yes" hidden="true"/>
<html:input id="textbox-no" value="textbox-no" noinitialfocus="true" hidden="true"/>
<button id="one" label="One"/>
<button id="two" label="Two" hidden="true"/>
<script>
if (window.arguments) {
var step = window.arguments[0];
switch (step) {
case 2:
document.getElementById("one").setAttribute("noinitialfocus", "true");
break;
case 3:
document.getElementById("one").hidden = true;
// no-fallthrough
case 4:
document.getElementById("tabbutton2").setAttribute("noinitialfocus", "true");
// no-fallthrough
case 5:
document.getElementById("tabbutton").setAttribute("noinitialfocus", "true");
// no-fallthrough
case 6:
document.getElementById("tabbox").hidden = false;
break;
case 7:
window.addEventListener("load", function() {
var two = document.getElementById("two");
two.hidden = false;
two.focus();
});
break;
case 8:
document.getElementById("textbox-yes").hidden = false;
break;
case 9:
document.getElementById("textbox-no").hidden = false;
break;
}
}
</script>
</dialog>
</window>