如何在状态栏中创建上下文菜单？答案

【问题标题】：how to create context menu in statusbar?如何在状态栏中创建上下文菜单？
【发布时间】：2010-11-18 18:33:37
【问题描述】：

我有一些问题 1. 如何使我的状态栏上下文菜单包含 2 个菜单首选项和插件状态选项

我要制作的上下文菜单示例

这是我的代码：

<popupset>
  <menupopup id="intransContextMenu">
    <menuitem label="intrans aktif"/>
    <menuitem label="preferensi"/>
  </menupopup>
</popupset>

     <statusbar id="status-bar">
          <image src="chrome://inlinetrans/skin/imagesOn_kecil.png" />
          <statusbarpanel id="status-bar-intrans"
           label="intrans"
           context="intransContextMenu"
           onclick="alert('okeh cuy')"
       tooltiptext="intrans versi 1.0"
       />
    </statusbar>

如何在上下文菜单中添加图片？我试过了，为什么我粘贴的图片总是出现在标签下方，却没有像我预期的那样在标签的侧面？

我要制作的上下文菜单示例

这是我的代码：

<popup id="contentAreaContextMenu">
      <image src="chrome://inlinetrans/skin/imagesOn_kecil.png" />
        <menuitem class="inlinetrans" id="inlineContext" oncommand= "hadits_mean.startFind(null);"
        label="Cari Terjemahan"/>
    </popup>

注意： 该代码是否用于通过右键单击状态栏来显示菜单并允许将网页制作在一个文件中？

谢谢你的回答..

【问题讨论】：

标签： firefox-addon xul

【解决方案1】：

我不确定图像是否是您现在唯一的问题？打开上下文菜单应该可以工作（您正确使用了context 属性）。

关于图像，请查看文档。对于statusbarpanel，您必须设置image 属性：

<statusbar id="status-bar">
      <statusbarpanel id="status-bar-intrans"
           image="chrome://inlinetrans/skin/imagesOn_kecil.png"
           label="intrans"
           context="intransContextMenu"
           onclick="alert('okeh cuy')"
           tooltiptext="intrans versi 1.0"
      />
</statusbar>

您可能还想看看 style classes 并与他们一起玩（老实说，我不是 100% 确定设置 image 属性是否就足够了，所以如果这不起作用，尝试使用样式类）。

menuitem 与此类似。你必须设置image属性和给元素style classmenu-iconic：

<menuitem class="inlinetrans menu-iconic" 
          id="inlineContext" 
          oncommand= "hadits_mean.startFind(null);"
          label="Cari Terjemahan"
          image="chrome://inlinetrans/skin/imagesOn_kecil.png"/>

注意：Afaik 状态栏将在 Firefox 4 中被移除（至少默认情况下它是禁用的）！

【讨论】：