javascript - 火狐 : why no change in my statusbar?

Question

编辑 我有一个状态栏，可用于启用和禁用插件。

  <popupset>
  <menupopup id="inlinetransContextMenu" position="end_after">
    <image id="preficon" value="pref" />
    <menuitem id="translator-context-menuitem-preferences"
    label="preferences" onclick="alert('horay')" />
  </menupopup>
</popupset>

<!-- ========================================= -->

Answer 1

定义时:

<menupopup id="inlinetransContextMenu" position="end_after">
    <image id="preficon" value="pref" />
    <menuitem id="translator-context-menuitem-preferences"
    label="preferences" onclick="alert('horay')" />
</menupopup>

您的弹出窗口由两个元素组成，image 和 menuitem。弹出窗口中的元素垂直布局，因此图像位于菜单项上方。

如果您想将图像与菜单项相关联，则必须采用不同的方式，如documentation 中所述。 :
作为属性的 menuitem image它应该包含图标的路径。此外，您必须为其提供 menuitem-iconic 类才能显示图标(它是预定义的样式类(可能是 XBL 绑定(bind))):

image
Type: image URL
The URL of the image to appear on the element. If this attribute is empty or left out, no image appears. The position of the image is determined by the dir and orient attributes.

Note: The menuitem must have a class of menuitem-iconic for the image to appear.

所以你的定义应该是这样的:

<menupopup id="inlinetransContextMenu" position="end_after">
    <menuitem id="translator-context-menuitem-preferences"
              image="chrome://inlinetrans/skin/pref.png"
              class="menuitem-iconic"
              label="preferences" 
              onclick="alert('horay')" />
</menupopup>

---

我不明白你的其他问题:为什么当我试图抑制状态栏上的图像时，我的状态栏根本没有变化。在这种情况下，抑制 是什么意思？你想删除图标吗？还是改变？

更新:

您必须将image 和label 设置为属性:

<statusbarpanel id="status-bar-intrans"
   context="inlinetransContextMenu"
   onclick="overlay.clickIcon(event)"
   onmouseover="var elmt=document.getElementById('status-bar-intrans');if ('enabled' == overlay.status) { elmt.tooltipText= 'inlinetrans dalam kondisi aktif';} else { elmt.tooltipText='inlinetrans dalam kondisi tidak aktif'; }">
   image="chrome://youraddon/skin/image.png"
   label="inlinetrans" />

并更改属性image。或者通过 src 和 CSS。所有这些都在 documentation 中进行了描述.