diff options
Diffstat (limited to 'files/ja/archive/mozilla/xul/tabbox/index.html')
| -rw-r--r-- | files/ja/archive/mozilla/xul/tabbox/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/files/ja/archive/mozilla/xul/tabbox/index.html b/files/ja/archive/mozilla/xul/tabbox/index.html new file mode 100644 index 0000000000..0a9474f5da --- /dev/null +++ b/files/ja/archive/mozilla/xul/tabbox/index.html @@ -0,0 +1,86 @@ +--- +title: tabbox +slug: Archive/Mozilla/XUL/tabbox +tags: + - XUL Elements + - XUL Reference +translation_of: Archive/Mozilla/XUL/tabbox +--- +<div class="noinclude"><span class="breadcrumbs XULRef_breadcrumbs"> + « <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a> [ + <a href="#Examples">例</a> | + <a href="#Attributes">属性</a> | + <a href="#Properties">プロパティ</a> | + <a href="#Methods">メソッド</a> | + <a href="#Related">関連項目</a> ] +</span></div> +<p>要素のタブ化されたページの一式を表示するためのコンテナ。各タブページを切り替えるタブの行は tabbox 上部に表示されます。<code>tabbox</code> は二つの子要素を含みます。はじめに、タブを含む <code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> 要素、次に、ページのコンテンツを含む <code><a href="/ja/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> 要素。</p> +<p>詳しい情報が <a href="/ja/XUL_Tutorial/Tabboxes" title="ja/XUL_Tutorial/Tabboxes">XUL チュートリアル</a>にあります。</p> +<dl> <dt>属性</dt> <dd><a href="#a-eventnode">eventnode</a>, <a href="#a-handleCtrlPageUpDown">handleCtrlPageUpDown</a>, <a href="#a-handleCtrlTab">handleCtrlTab</a></dd> +</dl> +<dl> <dt>プロパティ</dt> <dd><a href="#p-accessibleType">accessibleType</a>, <a href="#p-eventNode">eventNode</a>, <a href="#p-handleCtrlPageUpDown">handleCtrlPageUpDown</a>, <a href="#p-handleCtrlTab">handleCtrlTab</a>, <a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedPanel">selectedPanel</a>, <a href="#p-selectedTab">selectedTab</a>, <a href="#p-tabbox.tabs">tabs</a>, <a href="#p-tabpanels">tabpanels</a></dd> +</dl> +<h3 id="Examples" name="Examples">例</h3> +<pre><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> +</pre> +<p><img alt="Image:XUL_REF_tabboxes.gif" class=" internal" src="/@api/deki/files/1803/=XUL_REF_tabboxes.gif"></p> +<h3 id="Attributes" name="Attributes">属性</h3> +<p> </p><div id="a-eventnode"> + +<dl><dt> <code id="a-eventnode"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/eventnode">eventnode</a></code> </dt><dd> 型: <em>下記の値のいずれか一つ</em> </dd><dd> キーボード操作イベントを受け取る場所を指示します。この属性が指定されていない場合、イベントは <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> から受け取ります。そのため、この属性が使用されていないときは <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> 要素やその内側の要素はキーボード操作を適用するためのフォーカスを持っていなければなりません。 </dd></dl> +<ul> <li><code>parent</code>: キーボード操作は <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> の親要素に捕捉されます。</li> <li><code>window</code>: キーボード操作は window レベルで捕捉されます。window 内の任意の要素がフォーカスされている間、タブ操作が発生します。</li> <li><code>document</code>: キーボード操作は document レベルで捕捉されます。document 内の任意の要素がフォーカスされている間、タブ操作が発生します。</li> +</ul> + +</div> <div id="a-handleCtrlPageUpDown"> + +<dl><dt> <code id="a-handleCtrlPageUpDown"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/handleCtrlPageUpDown">handleCtrlPageUpDown</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> に設定するか省略した場合、Ctrl を押しながら Page Up または Page Down キーを押すと、次のタブや前のタブに切り替えられます。この属性を <code>false</code> に設定した場合、これらのキーはタブ操作を行いません。 </dd></dl> + +</div> <div id="a-handleCtrlTab"> + +<dl><dt> <code id="a-handleCtrlTab"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/handleCtrlTab">handleCtrlTab</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> に設定するか省略した場合、Ctrl と Tab キーが同時に押されると <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> が次のタブに切り替えられます。Shift キーも同時に押すと、前のタブが表示されます。この属性を <code>false</code> に設定した場合、これらのキーはタブ操作を行いません。 </dd></dl> + +</div> +<h3 id="Properties" name="Properties">プロパティ</h3> +<p> </p><div id="p-accessibleType"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/accessibleType">accessibleType</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素の accessibility オブジェクトの種類を示す値。 </dd></dl> + +</div> <div id="p-eventNode"> +<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/eventNode">eventNode</a></span></code> </dt><dd> 型: <em>EventTarget</em> </dd><dd> キーボード操作イベントリスナーが設定される位置のノードを指示します。このプロパティの初期値は <code id="a-eventnode"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/eventnode">eventnode</a></code> 属性の値によって決定されます。 </dd></dl> +</div> <div id="p-handleCtrlPageUpDown"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/handleCtrlPageUpDown">handleCtrlPageUpDown</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-handleCtrlPageUpDown"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/handleCtrlPageUpDown">handleCtrlPageUpDown</a></code> 属性の値の取得と設定。 </dd></dl> +</div> <div id="p-handleCtrlTab"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/handleCtrlTab">handleCtrlTab</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-handleCtrlTab"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/handleCtrlTab">handleCtrlTab</a></code> 属性の値の取得と設定。 </dd></dl> +</div> <div id="p-selectedIndex"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectedIndex">selectedIndex</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 選択された項目の index を返します。また、このプロパティに index を設定して項目を選択する事もできます。このプロパティに <code>-1</code> を設定すると、項目の選択をすべて解除します。 </dd></dl> +</div> <div id="p-selectedPanel"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectedPanel">selectedPanel</a></span></code> </dt><dd> 型: <em>要素</em> </dd><dd> <code>tabbox</code> 要素内の現在選択されたパネルへの参照を保持します。このプロパティに値を割り当てると、選択されたパネルが変更されます。選択されたパネルが変更された時、select イベントが送られます。 </dd></dl> +</div> <div id="p-selectedTab"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectedTab">selectedTab</a></span></code> </dt><dd> 型: <em>tab 要素</em> </dd><dd> 現在選択されたタブへの参照。これは常に <code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> 要素内の <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code> 要素の一つになります。現在選択されたタブを変更するには、このプロパティに値を割り当ててください。 </dd></dl> +</div> <div id="p-tabbox.tabs"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabbox.tabs">tabs</a></span></code> </dt><dd> 型: <em><code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> 要素</em> </dd><dd> tabbox 内に含まれる <code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> 要素。 </dd></dl> +</div> <div id="p-tabpanels"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabpanels">tabpanels</a></span></code> </dt><dd> 型: <em><code><a href="/ja/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> 要素</em> </dd><dd> tabbox 内に含まれる <code><a href="/ja/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code> 要素。 </dd></dl> +</div> +<h3 id="Methods" name="Methods">メソッド</h3> +<div style="border: 1px solid rgb(204, 204, 204); margin: 0px 0px 10px 10px; padding: 0px 10px; background: rgb(238, 238, 238) none repeat scroll 0% 50%;"> +<p><strong>XUL 要素からの継承</strong><br> +<small> <span id="m-blur"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/blur">blur</a></code></span>, <span id="m-click"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/click">click</a></code></span>, <span id="m-doCommand"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/doCommand">doCommand</a></code></span>, <span id="m-focus"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/focus">focus</a></code></span>, <span id="m-getElementsByAttribute"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttribute">getElementsByAttribute</a></code></span>, <span id="m-getElementsByAttributeNS"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getElementsByAttributeNS">getElementsByAttributeNS</a></code></span> </small></p> +<p><strong>DOM 要素からの継承</strong><br> +<small> <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.addEventListener">addEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.appendChild">appendChild()</a></code>, <a class="internal" href="/ja/DOM/Node.compareDocumentPosition" title="ja/DOM/Node.compareDocumentPosition">compareDocumentPosition</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.dispatchEvent">dispatchEvent()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttribute">getAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNode">getAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNodeNS">getAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getAttributeNS">getAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagName">getElementsByTagName()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.getElementsByTagNameNS">getElementsByTagNameNS()</a></code>, <a class="internal" href="/ja/DOM/Node.getFeature" title="ja/DOM/Node.getFeature">getFeature</a>, <a class="internal" href="/ja/DOM/Node.getUserData" title="ja/DOM/Node.getUserData">getUserData</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttribute">hasAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributeNS">hasAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasAttributes">hasAttributes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.hasChildNodes">hasChildNodes()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.insertBefore">insertBefore()</a></code>, <a class="internal" href="/ja/DOM/Node.isEqualNode" title="ja/DOM/Node.isEqualNode">isEqualNode</a>, <a class="internal" href="/ja/DOM/Node.isSameNode" title="ja/DOM/Node.isSameNode">isSameNode</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.isSupported">isSupported()</a></code>, <a class="internal" href="/ja/DOM/Node.lookupNamespaceURI" title="ja/DOM/Node.lookupNamespaceURI">lookupNamespaceURI</a>, <a class="internal" href="/ja/DOM/Node.lookupPrefix" title="ja/DOM/Node.lookupPrefix">lookupPrefix</a>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.normalize">normalize()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttribute">removeAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNode">removeAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeAttributeNS">removeAttributeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeChild">removeChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.removeEventListener">removeEventListener()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.replaceChild">replaceChild()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttribute">setAttribute()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNode">setAttributeNode()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNodeNS">setAttributeNodeNS()</a></code>, <code><a href="https://developer.mozilla.org/ja/docs/DOM/element.setAttributeNS">setAttributeNS()</a></code>, <a class="internal" href="/ja/DOM/Node.setUserData" title="ja/DOM/Node.setUserData">setUserData</a></small></p> +</div> +<h3 id="Related" name="Related">関連項目</h3> +<dl> <dt>要素</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/tabpanels" title="tabpanels">tabpanels</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code>.</dd> +</dl> |