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