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

时间:2010-11-18 07:45:47

标签: firefox-addon xul

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

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

alt text

这是我的代码:

<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>
  1. 如何在上下文菜单中添加图片?我试过但是为什么我粘贴一张总是出现在标签下面的图片并不像我预期的那样贴在标签的一边?
  2. 我要制作alt text

    的上下文菜单示例

    这是我的代码:

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

    注意: 是否用于通过右键单击状态栏来显示菜单并允许在一个文件中创建网页的代码?

    谢谢你的回答..

1 个答案:

答案 0 :(得分:3)

我不确定图像是否是您现在唯一的问题?打开上下文菜单应该有效(您正确使用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 class menu-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中删除(至少在默认情况下已被禁用)!