首先,如果您想学习 XUL,我强烈建议您使用XUL Explorer,这是一个交互式工具,您可以使用它来构建代码片段并预览您正在设计的内容。
如果您以前从未在 XUL 中工作过,这将派上用场,就好像它看起来很像HTML,但它不是相同的元素和方法阵容。它确实比 HTML 稍高一点,因为它用于构建桌面应用程序,可用于构建以下内容:
https://developer.mozilla.org/en-US/docs/tag/tools
这些程序中的大多数您都可以下载源代码并像查看文档列表一样浏览它。您还会注意到一些扩展,例如 Firefox Web Developer 附加组件。这是源代码,这里是一些 XUL 文件。恰好包括一个dialogs
目录和一个message.xul
:
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/"?>
<?xml-stylesheet href="chrome://web-developer/content/dialogs/style-sheets/message.css"?>
<!DOCTYPE dialog SYSTEM "chrome://web-developer/locale/dialogs/message.dtd">
<dialog buttons="accept" id="web-developer-message-dialog" onload="WebDeveloper.Message.initialize()" title="&webdeveloper.message.title;" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<script src="chrome://web-developer/content/common/common.js"/>
<script src="chrome://web-developer/content/dialogs/javascript/message.js"/>
<vbox id="web-developer-message-details">
<description id="web-developer-message"/>
<description id="web-developer-more-information" value="&webdeveloper.more.information;" onclick="WebDeveloper.Message.moreInformation()" class="url"/>
</vbox>
</dialog>
所以你可以使用 aDialog
来创建不同类型的提示。例如,我前段时间通过教程做了以下内容:
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
<dialog id="myDialog" title="My Dialog"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
onload="window.sizeToContent();"
buttons="accept,cancel"
buttonlabelaccept="Set Favorite"
buttonaccesskeyaccept="S"
ondialogaccept="return doSave();"
buttonlabelcancel="Cancel"
buttonaccesskeycancel="n"
ondialogcancel="return doCancel();">
<script>
function doSave(){
//doSomething()
return true;
}
function doCancel(){
return true;
}
</script>
<dialogheader title="My dialog" description="Example dialog"/>
<groupbox flex="1">
<caption label="Select favorite fruit"/>
<radiogroup>
<radio id="1" label="Oranges because they are fruity"/>
<radio id="2" selected="true" label="Strawberries because of color"/>
<radio id="3" label="Bananna because it pre packaged"/>
</radiogroup>
</groupbox>
</dialog>
看起来像:
所以你真的有很多选择,即使,如果你愿意,nsIPromptService
......
var prompts = Components.classes["@mozilla.org/embedcomp/prompt-service;1"]
.getService(Components.interfaces.nsIPromptService);
var check = {value: false}; // default the checkbox to false
var flags = prompts.BUTTON_POS_0 * prompts.BUTTON_TITLE_SAVE +
prompts.BUTTON_POS_1 * prompts.BUTTON_TITLE_IS_STRING +
prompts.BUTTON_POS_2 * prompts.BUTTON_TITLE_CANCEL;
// This value of flags will create 3 buttons. The first will be "Save", the
// second will be the value of aButtonTitle1, and the third will be "Cancel"
var button = prompts.confirmEx(null, "Title of this Dialog", "What do you want to do?",
flags, "", "Button 1", "", null, check);
还有一个东西叫PopupNotifications.jsm
。那里有很多,所以我相信你可以找到一些你想做的事情。还有Zotero 源。