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

Question

我有一些问题 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>

2. 如何在上下文菜单中添加图像？我已经尝试过，但为什么我粘贴的始终出现在标签下方的图片并不像我预期的那样位于标签侧面？

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

这是我的代码：

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

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

谢谢你的回答..

Answer 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>

您可能还想看看样式类并使用它们（说实话，我不是 100%确保设置 image 属性是否足够，因此如果这不起作用，请尝试使用样式类）。

与 menuitem 类似。您必须设置 image 属性 < strong>并为元素指定样式类 menu -iconic：

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

---

注意：据我所知，状态栏将在 Firefox 4 中被删除（至少默认情况下它是禁用的）！