XUL:tabbox

出典: MDC

« XUL リファレンス HOME    [ 例 | 属性 | プロパティ | メソッド | 関連項目 ]

要素のタブページをユーザに表示するためのコンテナ。tabbox は二つの子要素を含みます。はじめに tab 要素を含む tabs 要素、次に、ページのコンテンツを含む tabpanels 要素。これはデフォルトで垂直指向型の box です。

詳しい情報が XUL チュートリアルにあります。

属性

eventnode, handleCtrlPageUpDown, handleCtrlTab

プロパティ

accessibleType, eventNode, handleCtrlPageUpDown, handleCtrlTab, selectedIndex, selectedPanel, selectedTab, tabs, tabpanels

[編集] 例

<tabbox id="myTabList" selectedIndex="2">
  <tabs>
    <tab label="A First tab"/>
    <tab label="Second tab"/>
    <tab label="Another tab"/>
    <tab label="Last tab"/>
  </tabs>
  <tabpanels>
    <tabpanel><!-- tabpanel First elements go here --></tabpanel>
    <tabpanel><!-- tabpanel Second elements go here --></tabpanel>
    <tabpanel><button label="Click me"/></tabpanel>
    <tabpanel><!-- tabpanel Fourth elements go here --></tabpanel>
  </tabpanels>
</tabbox>

[編集] 属性

XUL 要素からの継承 align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortDirection, sortResource, sortResource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width

eventnode

型: 下記の値のいずれか一つ

キーボード操作イベントを受け取る場所を指示します。この属性が指定されていない場合、イベントは tabbox から受け取ります。そのため、この属性が使用されていないときは tabbox 要素やその内側の要素はキーボード操作を適用するためのフォーカスを持っていなければなりません。

• parent: キーボード操作は tabbox の親要素に捕捉されます。
• window: キーボード操作は window レベルで捕捉されます。window 内の任意の要素がフォーカスされている間、タブ操作が発生します。
• document: キーボード操作は document レベルで捕捉されます。document 内の任意の要素がフォーカスされている間、タブ操作が発生します。

handleCtrlPageUpDown

型: boolean

true に設定するか省略した場合、Ctrl を押下しながら Page Up または Page Down キーを押下すると、次のタブや前のタブに切り替えられます。この属性を false に設定した場合、これらのキーはタブ操作を行いません。

handleCtrlTab

型: boolean

true に設定するか省略した場合、Ctrl と Tab キーが同時に押下されると tabbox が次のタブに切り替えられます。Shift キーも同時に押下すると、前のタブが表示されます。この属性を false に設定した場合、これらのキーはタブ操作を行いません。

[編集] プロパティ

XUL 要素からの継承 align, allowEvents, boxObject, builder, className, collapsed, contextMenu, controllers, currentItem, database, datasources, dir, flex, height, hidden, id, left, listBoxObject, maxHeight, maxWidth, menu, minHeight, minWidth, observes, ordinal, orient, pack, persist, ref, resource, statusText, style, tooltip, tooltipText, top, value, width DOM 要素からの継承 attributes, childNodes, cloneNode, firstChild, lastChild, localName, namespaceURI, nextSibling, nodeName, nodeType, nodeValue, ownerDocument, parentNode, prefix, previousSibling, tagName

accessibleType

型: integer

要素の accessibility オブジェクトの種類を示す値。

eventNode

型: EventTarget

キーボード操作イベントリスナーが設定される位置のノードを指示します。このプロパティの初期値は eventnode 属性の値によって決定されます。

handleCtrlPageUpDown

型: boolean

handleCtrlPageUpDown 属性の値の取得と設定。

handleCtrlTab

型: boolean

handleCtrlTab 属性の値の取得と設定。

selectedIndex

型: 整数値

選択された項目のインデックスを返します。また、このプロパティにインデックスを設定して項目を選択する事もできます。このプロパティに -1 を設定すると、項目の選択をすべて解除します。

selectedPanel

型: element

tabbox 要素内の現在選択されたパネルへの参照を保持します。このプロパティに値を割り当てると、選択されたパネルが変更されます。選択されたパネルが変更された時、select イベントが送られます。

selectedTab

型: tab 要素

現在選択されたタブへの参照。これは常に tabs 要素内の tab 要素の一つになります。現在選択されたタブを変更するには、このプロパティに値を割り当ててください。

tabs

型: tabs 要素

tabbox 内に含まれる tabs 要素。

tabpanels

型: tabpanels 要素

tabbox 内に含まれる tabpanels 要素。

[編集] メソッド

XUL 要素からの継承 blur, click, doCommand, focus, getElementsByAttribute DOM 要素からの継承 addEventListener, appendChild, dispatchEvent, getAttribute, getAttributeNode, getAttributeNodeNS, getAttributeNS, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasChildNodes, insertBefore, isSupported, normalize, removeAttribute, removeAttributeNode, removeAttributeNS, removeChild, removeEventListener, replaceChild, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS

[編集] 関連項目

要素

tabs, tab, tabpanels, tabpanel.