jqModalまたはnyroModalのいずれかを使用してモーダルダイアログを開いたり閉じたりするコマンドを使用して独自のFirefoxツールバーを作成しようとしています。どちらの場合も、ダイアログを開くとエラーが発生し、なぜモーダルが壊れてしまうのかはわかりません。jqmodalとnyromodalはJquery 1.3.2とFirefoxのツールバーの拡張子で動作しません
ブラウザ:Firefoxの3.0.11 はJQuery:v1.3.2デベロッパー jqModal:R14 nyroModal:1.5.0
サンプル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>
`
サンプルjqm.jsファイル: ` 関数jqmShowModal(e) { // loadPageHeadElements(); var body = $(content.document).find( "BODY"); if(body.find( "#jqmModal")。length == 0)body.prepend( "Hello 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();
}
機能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>'});
}
機能チョーク(E) {アラート( 'チョーク!')。 }