jqModal e nyromodal não vai funcionar w / jQuery 1.3.2 e extensão barra de ferramentas do Firefox
Pergunta
Eu tenho tentado criar a minha própria barra de ferramentas firefox com comandos que irá abrir e fechar uma caixa de diálogo modal usando jqModal ou nyroModal. Em ambos os casos, o ato de abrir o diálogo faz com que os erros e eu não consigo encontrar nada lá fora, por que motivo modais iria quebrar.
Browser: Firefox 3.0.11 JQuery: v1.3.2 jqModal: r14 nyroModal: 1.5.0
XUL Amostra: `
<!-- required JQuery dependency -->
<!--script src="chrome://jqmtoolbar/content/jquery.js" /-->
`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" />
<!-- load main library -->
<script src="chrome://jqmtoolbar/content/jquery.nyroModal-1.5.0.pack.js" type="application/x-javascript" />
<script src="http://www.nopuck4you.com/gooble/jqModal-dev.js" type="application/x-javascript" />
<script src="chrome://jqmtoolbar/content/jqm.js" type="application/x-javascript" />
<toolbox id="navigator-toolbox">
<toolbar id="modal-toolbar" toolbarname="modal test toolbarx" accesskey="G"
class="chromeclass-toolbar" context="toolbar-context-menu"
hidden="false" persist="hidden">
<toolbarbutton id="gb-debug-jqmShow" tooltiptext="Show Modal"
label="Show Modal" oncommand="jqmShowModal(event)" />
<toolbarbutton id="gb-debug-jqmHide" tooltiptext="Hide Modal"
label="Hide Modal" oncommand="jqmHideModal(event)" />
<toolbarspring/>
<toolbarseparator/>
<toolbarbutton id="gb-debug-nyroShow" tooltiptext="Show Modal"
label="Show Modal" oncommand="nyroShowModal(event)" />
<toolbarbutton id="gb-debug-nyroHide" tooltiptext="Hide Modal"
label="Hide Modal" oncommand="nyroHideModal(event)" />
<toolbarspring/>
</toolbar>
</toolbox>
`
arquivo jqm.js Amostra: ` função jqmShowModal (e) { // loadPageHeadElements (); var body = $ (content.document) .find ( "corpo"); if (body.find ( "# jqmModal") comprimento == 0.) body.prepend ( "Olá jqModal!"); var jq = $ ( "# jqmModal", content.document);
jq.jqm({
//set JQ modal parameters
ajax: "http://www.google.com",
modal: true,
onLoad: choke
});
$("#jqmModal").jqmShow();
//$("#goobModal", content.document).jqmShow();
}
função nyroShowModal (e) {
//loadPageHeadElements();
var body = $(content.document).find("BODY");
if(body.find("#nyroModal").length == 0) body.prepend("<div id=\"nyroModal\">Hello Nyro Modal!</div>");
var nym = $("#nyroModal", content.document);
nym.nyroModalManual({url: 'http://www.google.com'});
//nym.nyroModalManual({content: '<div>Hello from the test toolbar!</div>'});
}
função de estrangulamento (e) { alert ( 'choke!'); } `
Solução
Parece que a única maneira de lidar com isso é através do objeto Painel Barra de Ferramentas em vez de janelas modais.