在Firefox插件中创建这种类型的弹出窗口？

Question

我想创建一个像这样的弹出在我的插件中使用 - 有可能吗？如果是这样，它是如何完成的？

在此先感谢！

Answer 1

也可以通过创建面板并将其类型设置为“箭头”来完成此操作。实际上这是几乎相同的例子，他们对panel.type reference page：

这里是如何做到这一点：

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

那么你会打开它：

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

上 MDN.Panel

更多信息

Answer 2

它可能在Firefox/XUL中，它也被称为door-hanger popup。 https://developer.mozilla.org/en/JavaScript_code_modules/PopupNotifications.jsm#Notification_events http://scenari-platform.org/svn/dev-core/trunk/Lib_XulRunner/Darwin/modules/PopupNotifications.jsm

例如，下面的代码是弹出通知，超时功能，如果你不想让你可以删除超时功能。

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

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);