XulPlanet.com - Tab Reference

Tab

A single tab which should be placed inside a tabs element. The user may click a tab to bring the associated page of the tabbox to the front.

More information about tab

The tab element implements the following interfaces:

nsIAccessibleProvider nsIDOMXULSelectControlItemElement

タブボックスにおける、一つのタブ。 tabs 要素内に置く必要がある。利用者はタブをクリックして tabbox の関連付けられたページを前面に出すことができる。

tab の追加情報

tab 要素は以下のインタフェースを実装している。

nsIAccessibleProvider nsIDOMXULSelectControlItemElement

属性:

accesskey	afterselected	beforeselected	crop	disabled
image	label	linkedpanel	selected	validate

プロパティとメソッド:

This should be set to a letter that is used as a shortcut key. This letter should be one of the characters that appears in the label text for the tab. This letter will typically be drawn underlined, although this behavior will be platform and theme specific. When the user presses ALT (or a similar key that varies on each platform) and the access key, the tab will be activated from anywhere in the window. Although the value is case insensitive, a letter with the case matching the accesskey attribute will used if both cases exist in the label.

型 : character

ショートカットキーとして使う文字に設定する。この文字は、tab のラベルテキストに現れる文字の一つである必要がある。この文字は一般に下線付きで表示される。一方、その振る舞いはプロットフォームやテーマに依存する。ユーザが ALT (またはプラットフォームによる同様のキー) とアクセスキーを押すと、ウィンドウのどこからでも tab は起動される。この値は文字の大小には関しないが、ラベルに両方がある場合には、 accesskey 属性にマッチする方の文字が使用される。

afterselected

Type: boolean

This is set to true if the tab is immediately after the currently selected tab. This is set automatically set when needed and you shouldn't adjust it manually. This is primarily useful for themes so that they can adjust the appearance of the area around the selected tab.

型 : boolean

現在選択中のタブの直後のタブのとき、この属性は true に設定される。この設定は必要とされたときに自動で行われるため、手動で変更するべきではない。選択したタブの周囲の領域の外観を調整することができるため、主にテーマに役立つ。

beforeselected

Type: boolean

This is set to true if the tab is immediately before the currently selected tab. This is set automatically set when needed and you shouldn't adjust it manually. This is primarily useful for themes so that they can adjust the appearance of the area around the selected tab.

型 : boolean

現在選択中のタブの直前のタブのとき、この属性は true に設定される。この設定は必要とされたときに自動で行われるため、手動で変更するべきではない。選択したタブの周囲の領域の外観を調整することができるため、主にテーマに役立つ。

crop

Type: one of the values below

If the label of the tab is too small to fit in its given space, the text will be cropped on the side specified by the crop attribute. An ellipsis will be used in place of the cropped text. If the box direction is reversed, the cropping is reversed.

start: The text will be cropped on its left side.
end: The text will be cropped on its right side.
left: (Deprecated) The text will be cropped on its left side.
right: (Deprecated) The text will be cropped on its right side.
center: The text will be cropped on both sides.
none: The text will be not be cropped using an ellipsis. However, the text will simply be cut off if it is too large. The side depends on the CSS text alignment.

型 : 以下の値の一つ

与えられたスペースが小さくて tab のラベルがその場所に合わないとき、crop 属性で指定した側にテキストは切り取られる。切り取られたテキストの位置には、省略記号が用いられる。ボックスの方向が逆のときは、切り取りも逆になる。

start: テキストの左側が切り取られる。
end: テキストの右側が切り取られる。
left: (非推奨) テキストの左側が切り取られる。
right: (非推奨) テキストの右側が切り取られる。
center: テキストの両側が切り取られる。
none: テキストの切り取りに省略記号が用いられない。テキストが非常に大きいときには、単に切られるだけである。側は CSS のテキスト配置 (alignment) に依存する。

disabled

Type: boolean

Indicates whether the tab is disabled or not. If this attribute is set to true, the tab is disabled. This is usually drawn with the text in grey. If the tab is disabled, it does not respond to user actions. The element cannot be focused and the command event will not fire. The element will still respond to mouse events. To enable the tab, leave the attribute out entirely as opposed to setting the value to false.

型 : boolean

tab が無効か有効かを表す。この属性を true に設定すると、tab は無効になる。通常、テキストが灰色で表示される。tab が無効の場合には、ユーザアクションに応答しない。要素にフォーカスできず、またコマンドイベントは起きない。マウスイベントにはまだ応答する。 tab を有効にするには、値を false に設定したことに対応するものとして、この属性を取り除く。

image

Type: image URL

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

型 : image URL

タブに表示す画像の URL。この属性がないと、画像は表示されない。画像の位置は dir 属性と orient 属性で決定される。

label

Type: string

The label that will appear on the tab. If this is left out, no text appears.

型 : string

タブに表示するラベル。この属性がないと、テキストは表示されない。

linkedpanel

Type: id of a tabpanel element

The id of the linked tabpanel element that will be displayed when the tab is selected. If this attribute is not used, the tab will be connected to the panel at the corresponding index in the tabpanels element that the tab is in its tabs container. However, if this attribute is used, this behavior is overridden, and the tab will always be linked to a specific panel. This might be used to avoid duplication by linking several tabs to one panel with slight differences to the content adjusted in the select event.

型 : id of a tabpanel element

タブが選択されると表示される、リンクしている tabpanel 要素の id。この属性を使用しない場合、そのタブが tabs コンテナで持つインデックスに対応するインデックスの tabpanels 要素のパネルに結合される。しかしこの属性を使用すると、この振る舞いは上書きされて常に指定したパネルにリンクすることになる。複数のタブを、選択イベントで内容が少し異なるように調整した 1 つのパネルにリンクすることにより起きる、重複を回避するのに用いられる。

selected

Type: boolean

This attribute is set to true if the tab is selected by default.

型 : boolean

タブがデフォルトで選択されている場合、この属性は true に設定される。

validate

Type: one of the values below

This attribute indicates whether to load the image from the cache or not. This would be useful if the images are stored remotely or you plan on swapping the image frequently. The following values are accepted, or leave out the attribute entirely for default handling:

always: The image is always checked to see whether it should be reloaded.
never: The image will be loaded from the cache if possible.

型 : 以下の値の一つ

この属性は、キャッシュから画像を読み込むかどうかを指定する。画像がリモートに保存されていたり、頻繁に画像を変えたりするとき、この属性は役立つ。以下の値が受け入れられる。属性を完全に消すと、デフォルトの処理になる。