<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin" type="text/css"?> <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?> <window title="Focus Switch Binding Test" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/> <script> SimpleTest.waitForExplicitFinish(); function switchBinding() { $("box").style.MozBinding = "url(#second)"; } </script> <xbl:bindings xmlns:xbl="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <xbl:binding id="first"> <xbl:content> <xul:button label="First"/> </xbl:content> <xbl:implementation> <xbl:constructor> document.getAnonymousNodes(this)[0].focus(); setTimeout(switchBinding, 0); </xbl:constructor> </xbl:implementation> </xbl:binding> <xbl:binding id="second"> <xbl:content> <xul:button label="Second"/> </xbl:content> <xbl:implementation> <xbl:constructor> $("after").focus(); </xbl:constructor> </xbl:implementation> </xbl:binding> </xbl:bindings> <box id="box" style="-moz-binding: url(#first)"/> <button id="after" label="After" onfocus="is(document.activeElement, $('after'), 'focus set'); SimpleTest.finish()"/> <body xmlns="http://www.w3.org/1999/xhtml"> <p id="display"> </p> <div id="content" style="display: none"> </div> <pre id="test"> </pre> </body> </window>