Javascript 在Firefox插件中创建这种弹出窗口?

Javascript 在Firefox插件中创建这种弹出窗口?,javascript,firefox,firefox-addon,add-on,Javascript,Firefox,Firefox Addon,Add On,我正在尝试创建一个类似这样的弹出窗口,以便在我的插件中使用-可能吗?如果是,是如何做到的 提前谢谢 这在Firefox/XUL中是可能的,它也被称为门挂弹出窗口。 例如,这里的代码是带有超时功能的弹出式通知,如果不需要,可以删除超时功能 超时功能的正常功能&如果用户单击浏览器上的任何位置,超时功能将自动消失 Components.utils.import('resource://app/modules/PopupNotifications.jsm'); var notify = new Po

我正在尝试创建一个类似这样的弹出窗口,以便在我的插件中使用-可能吗?如果是,是如何做到的


提前谢谢

这在Firefox/XUL中是可能的,它也被称为
门挂弹出窗口

例如,这里的代码是带有超时功能的弹出式通知,如果不需要,可以删除超时功能

超时功能的正常功能&如果用户单击浏览器上的任何位置,超时功能将自动消失

Components.utils.import('resource://app/modules/PopupNotifications.jsm');
var notify  = new PopupNotifications(gBrowser,
                                       document.getElementById("notification-popup"),
                                       document.getElementById("notification-popup-box"));

var notification =  notify.show(
gBrowser.selectedBrowser,  /*browser*/
"Extension-popup", /*id*/
"Hi, there!, I got a message for you!!",/*message*/
null, /* anchor ID */
/* mainAction */
{
          label: "Build PDE",
          accessKey: "D",

          callback: function() {
                      if(nodeSRC!=null) pde.emptyNodeSRC(nodeSRC);

              window.openDialog("chrome://myextension/content/mypage.xul", "hello", "chrome,width=400,height=360",userContent, nodeSRC);

          }
        },
null, /* secondaryActions*/

{ blablal:'options'}

);

setTimeout(function(){
notification.remove();
}, 900);

也可以通过创建面板并将其类型设置为“箭头”来完成此操作。事实上,这与他们在网上的例子几乎相同:

以下是如何做到这一点:

<panel id="testPanel" type="arrow">
    <vbox>
        (... content goes here ...)
    </vbox>
</panel>
更多有关

panel.openPopup(elementThatShouldTriggerIt, "before_start", 0, 0, false, false);