Note that there are some explanatory texts on larger screens.

plurals
  1. POjqmodal and nyromodal will not work w/ Jquery 1.3.2 and Firefox toolbar extension
    text
    copied!<p>I've been trying to create my own firefox toolbar with commands that will open and close a modal dialog using either jqModal or nyroModal. In both cases the act of opening the dialog causes errors and I can't find anything out there as to why modals would break.</p> <p>Browser: Firefox 3.0.11 JQuery: v1.3.2 jqModal: r14 nyroModal: 1.5.0</p> <p>Sample XUL: ` </p> <pre><code>&lt;!-- required JQuery dependency --&gt; &lt;!--script src="chrome://jqmtoolbar/content/jquery.js" /--&gt; `&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" /&gt; &lt;!-- load main library --&gt; &lt;script src="chrome://jqmtoolbar/content/jquery.nyroModal-1.5.0.pack.js" type="application/x-javascript" /&gt; &lt;script src="http://www.nopuck4you.com/gooble/jqModal-dev.js" type="application/x-javascript" /&gt; &lt;script src="chrome://jqmtoolbar/content/jqm.js" type="application/x-javascript" /&gt; &lt;toolbox id="navigator-toolbox"&gt; &lt;toolbar id="modal-toolbar" toolbarname="modal test toolbarx" accesskey="G" class="chromeclass-toolbar" context="toolbar-context-menu" hidden="false" persist="hidden"&gt; &lt;toolbarbutton id="gb-debug-jqmShow" tooltiptext="Show Modal" label="Show Modal" oncommand="jqmShowModal(event)" /&gt; &lt;toolbarbutton id="gb-debug-jqmHide" tooltiptext="Hide Modal" label="Hide Modal" oncommand="jqmHideModal(event)" /&gt; &lt;toolbarspring/&gt; &lt;toolbarseparator/&gt; &lt;toolbarbutton id="gb-debug-nyroShow" tooltiptext="Show Modal" label="Show Modal" oncommand="nyroShowModal(event)" /&gt; &lt;toolbarbutton id="gb-debug-nyroHide" tooltiptext="Hide Modal" label="Hide Modal" oncommand="nyroHideModal(event)" /&gt; &lt;toolbarspring/&gt; &lt;/toolbar&gt; &lt;/toolbox&gt; </code></pre> <p> `</p> <p>Sample jqm.js file: ` function jqmShowModal(e) { //loadPageHeadElements(); var body = $(content.document).find("BODY"); if(body.find("#jqmModal").length == 0) body.prepend("Hello jqModal!"); var jq = $("#jqmModal", content.document);</p> <pre><code>jq.jqm({ //set JQ modal parameters ajax: "http://www.google.com", modal: true, onLoad: choke }); $("#jqmModal").jqmShow(); //$("#goobModal", content.document).jqmShow(); </code></pre> <p>}</p> <p>function nyroShowModal(e) {</p> <pre><code>//loadPageHeadElements(); var body = $(content.document).find("BODY"); if(body.find("#nyroModal").length == 0) body.prepend("&lt;div id=\"nyroModal\"&gt;Hello Nyro Modal!&lt;/div&gt;"); var nym = $("#nyroModal", content.document); nym.nyroModalManual({url: 'http://www.google.com'}); //nym.nyroModalManual({content: '&lt;div&gt;Hello from the test toolbar!&lt;/div&gt;'}); </code></pre> <p>}</p> <p>function choke(e) { alert('choke!'); } `</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload