Firefoxのツールバーにロゴ、ボタン画像、ボタンメニューを追加するには

Question

私はXULを使ってFirefoxのツールバーに書き込みます。私は、単純なラベルのボタンを行うために、そのXULのコードを使用します。

<?xml version="1.0"?> 
<overlay id="Sample" 
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"><script type="application/x-javascript" src="chrome://sample/content/sample.js" /> 
<toolbox id="toolbox"> 
    <toolbar id="Sample" toolbarname="Sample" > 
     <label value="Lable Button "/> 
    </toolbar> 
</toolbox> 
</overlay> 

私の質問は、サブメニューを追加してもどのように...ロゴ画像、画像ボタンとボタンのメニューを追加する方法です。コードのクイックサンプルを提出してください。より理解しやすいでしょう。

Answer 1

ボタンがありません - static labelです。

ロゴを追加するにはimage tagを使用してください（ドキュメントの例を参照）。

画像ボタンを追加するには、toolbarbutton tagを使用します（ドキュメントの例を参照）。

サブメニューを追加するには、toolbarbutton tag with type="menu"を使用し、menupopupタグを内部に挿入します（ここでも、ドキュメントに例があります）。

注：あなたはtoolbarbutton要素のイメージソースを指定するimage要素とimage属性の映像ソースを指定するsrc属性を使用することができます。ただし、CSSで画像を設定することをお勧めします。その場合はlist-style-image propertyを使用できます。

#myToolbarButton 
{ 
    list-style-image: url(chrome://myextension/skin/toolbar.png); 
}