jqmodal e nyromodal non funziona w / Jquery 1.3.2 e Firefox estensione barra degli strumenti
Domanda
Ho cercato di creare la mia propria barra degli strumenti di Firefox con i comandi che aprire e chiudere una finestra di dialogo modale utilizzando jqModal o nyroModal. In entrambi i casi l'atto di aprire la finestra di dialogo causa errori e non riesco a trovare qualcosa là fuori sul perché modali si rompono.
Browser: Firefox 3.0.11 JQuery: v1.3.2 jqModal: r14 nyroModal: 1.5.0
Esempio XUL: `
<!-- 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>
`
Esempio jqm.js di file: ` Funzione jqmShowModal (e) { // loadPageHeadElements (); var corpo = $ (content.document) .find ( "corpo"); if (body.find ( "# jqmModal") di lunghezza == 0.) body.prepend ( "Ciao 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();
}
funzione 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>'});
}
funzione di starter (e) { alert ( 'choke!'); } `
Soluzione
Sembra che l'unico modo per gestire questa situazione è attraverso la barra degli strumenti del pannello, invece di finestre modali.