Adding items to menus

From MozillaZine Knowledge Base

(Difference between revisions)
Revision as of 10:57, 27 July 2004
Asqueella (Talk | contribs)

<-- Previous diff
Revision as of 11:03, 27 July 2004
Asqueella (Talk | contribs)
(conv*e*nience, dammit!)
Next diff -->
Line 35: Line 35:
menuitem.hidden = !gContextMenu.isTextSelected; menuitem.hidden = !gContextMenu.isTextSelected;
}</pre> }</pre>
-...or using a convinience function nsContextMenu::showItem():+...or using a convenience function nsContextMenu::showItem():
<pre>function contextPopupShowing() { <pre>function contextPopupShowing() {
gContextMenu.showItem("context-item1", gContextMenu.isTextSelected); gContextMenu.showItem("context-item1", gContextMenu.isTextSelected);

Revision as of 11:03, 27 July 2004

Adding items to Mozilla menus

Note: Information in this section applies to Mozilla, Mozilla Firefox and Mozilla Thunderbird. When I say Mozilla I mean one of these three applications.

To add an item to Mozilla menu without editing its source files, you first need to create an overlay.

The following lines in the overlay will add two items to contentAreaContextMenu popup menu (the menu that appears when you right-click a web page):

<popup id="contentAreaContextMenu">
  <menuitem id="context-item1" label="Item 1" oncommand="alert('Item1');"/>
  <menuitem id="context-item2" label="Item 2" oncommand="alert('Item2');"/>

These lines in the overlay add an item to Firefox Tools menu:

<menupopup id="menu_ToolsPopup">
  <menuitem id="example-item" oncommand="alert("Hello!");" label="Hi" accesskey="i"/>

To find out id of specific Mozilla menu, use DOM Inspector. The Tools menu in Firefox is menu_ToolsPopup, in Seamonkey and in Thunderbird (as of 07/2004) it's taskPopup.

The simplest extension that adds an item to content area context menu is BugMeNot. Adding items to Tools menu example can be seen in QuickNote. Read more about <popup>, <menupopup> and <menuitem> at XulPlanet. See Resources section below.

Making context menu items appear only when on link, image etc.

The simplest example extension is ShowImage.

  1. Add a JS script to your overlay.
  2. Add the following line in the beginning of the script. This line gets executed when the overlay is being loaded and it tells Mozilla to call the initOverlay() function when the window your overlay is attached to finishes loading. Note, you should give your real function more unique name than initOverlay(). See Show Failed URL extension by Pike as the simplest real-life example of using window.addEventListener("load").
    window.addEventListener("load", initOverlay, false);
  3. In the initOverlay() function add a popupshowing event listener for the menu you are extending, like this:
    function initOverlay() {
      var menu = document.getElementById("contentAreaContextMenu");
      menu.addEventListener("contextPopupshowing", popupShowing, false);
    This tells Mozilla to call contextPopupShowing() every time the contentAreaContextMenu popup is about to show.
  4. In the contextPopupShowing() function adjust visibility of the menu items - either manually:
    function contextPopupShowing() {
      var menuitem = document.getElementById("context-item1");
        menuitem.hidden = !gContextMenu.isTextSelected;

    ...or using a convenience function nsContextMenu::showItem():

    function contextPopupShowing() {
      gContextMenu.showItem("context-item1", gContextMenu.isTextSelected);

    Look in nsContextMenu.js (Seamonkey) or browser.js (Firefox) for the definition of nsContextMenu.


XulPlanet: [1] [2] [3] [4] [5]

Sample extensions: BugMeNot, ShowImage, QuickNote.