diff options
Diffstat (limited to 'files/ja/archive/mozilla/xul/tabs')
-rw-r--r-- | files/ja/archive/mozilla/xul/tabs/index.html | 180 |
1 files changed, 180 insertions, 0 deletions
diff --git a/files/ja/archive/mozilla/xul/tabs/index.html b/files/ja/archive/mozilla/xul/tabs/index.html new file mode 100644 index 0000000000..56041ffd01 --- /dev/null +++ b/files/ja/archive/mozilla/xul/tabs/index.html @@ -0,0 +1,180 @@ +--- +title: tabs +slug: Archive/Mozilla/XUL/tabs +tags: + - XUL Elements + - XUL Reference +translation_of: Archive/Mozilla/XUL/tabs +--- +<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>tab の行。<code>tabs</code> 要素は <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</a></code> 要素内に置かれ、<code><a href="/ja/docs/Mozilla/Tech/XUL/tab" title="tab">tab</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-closebutton">closebutton</a>, <a href="#a-disableclose">disableclose</a>, <a href="#a-disabled">disabled</a>, <a href="#a-onclosetab">onclosetab</a>, <a href="#a-onnewtab">onnewtab</a>, <a href="#a-tabs.onselect">onselect</a>, <a href="#a-setfocus">setfocus</a>, <a href="#a-tabindex">tabindex</a>, <a href="#a-tooltiptextnew">tooltiptextnew</a>, <a href="#a-value">value</a></dd> +</dl> +<dl> <dt>プロパティ</dt> <dd><a href="#a-accessibleType">accessibleType</a>, <a href="#p-disabled">disabled</a>, <a href="#a-itemCount">itemCount</a>, <a href="#p-selectedIndex">selectedIndex</a>, <a href="#p-selectedItem">selectedItem</a>, <a href="#p-tabIndex">tabIndex</a>, <a href="#p-value">value</a></dd> +</dl> +<dl> <dt>メソッド</dt> <dd><a href="#m-advanceSelectedTab">advanceSelectedTab</a>, <a href="#m-appendItem">appendItem</a>, <a href="#m-getIndexOfItem">getIndexOfItem</a>, <a href="#m-getItemAtIndex">getItemAtIndex</a>, <a href="#m-insertItemAt">insertItemAt</a>, <a href="#m-removeItemAt">removeItemAt</a></dd> +</dl> +<h3 id="Examples" name="Examples">例</h3> +<p>(例が必要)</p> +<h3 id="Attributes" name="Attributes">属性</h3> +<p> </p><div id="a-closebutton"> + +<dl><dt> <code id="a-closebutton"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/closebutton">closebutton</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> この属性が <code>true</code> に設定されている場合、<code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> の行は、その端に "new tab" ボタンおよび "close" ボタンが追加されます。この機能は <code><a href="/ja/docs/Mozilla/Tech/XUL/tabbrowser" title="tabbrowser">tabbrowser</a></code> によって、タブの追加と閉じる操作を容易にするために使用されます。"new tab" ボタンおよび "close" ボタンに画像を設定するには、それらに <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/tabs-newbutton">tabs-newbutton</a></code> クラスおよび <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/tabs-closebutton">tabs-closebutton</a></code> クラスをそれぞれ適用します。 </dd></dl> + +</div> <div id="a-disableclose"> + +<dl><dt> <code id="a-disableclose"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/disableclose">disableclose</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> この属性が <code>true</code> の場合、close ボタンが無効化されます。 </dd></dl> + +</div> <div id="a-disabled"> + +<dl> + <dt> + <code id="a-disabled"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/disabled">disabled</a></code></dt> + <dd> + 型: <em>論理型</em></dd> + <dd> + 要素が無効化されているかどうかを示します。ある要素が <code>true</code> に設定されていたら、その要素は無効化されています。無効化された要素は通常グレイ表示のテキストで描画されます。要素が無効化されていると、ユーザのアクションには応答せず、フォーカスもあてられず、<code>command</code> イベントも発生しません。 + + </dd> +</dl> + +<p> </p> +</div> <div id="a-onclosetab"> + +<dl><dt> <code id="a-onclosetab"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onclosetab">onclosetab</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このスクリプトは close ボタンがクリックされた時に呼び出されます。 </dd></dl> + +</div> <div id="a-onnewtab"> + +<dl><dt> <code id="a-onnewtab"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onnewtab">onnewtab</a></code> </dt><dd> <strong><span class="highlightred">Firefox では使用不可</span></strong> </dd><dd> 型: <em>スクリプトコード</em> </dd><dd> このスクリプトは new tab ボタンがクリックされた時に呼び出されます。 </dd></dl> + +</div> <div id="a-tabs.onselect"> + +<dl><dt> <code id="a-tabs.onselect"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabs.onselect">onselect</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントは、このタブが変更された時、<code><a href="/ja/docs/Mozilla/Tech/XUL/tabs" title="tabs">tabs</a></code> 要素に送られます。 </dd></dl> + + +</div> <div id="a-setfocus"> + +<dl><dt> <code id="a-setfocus"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/setfocus">setfocus</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> この属性が <code>true</code> に設定されるか省略された場合、キーボードでタブに移動した時、フォーカスが対応する <code><a href="/ja/docs/Mozilla/Tech/XUL/tabpanel" title="tabpanel">tabpanel</a></code> 内の最初の要素に与えられます。この属性が <code>false</code> に設定された場合、タブへの移動中、フォーカスは変更されません。 </dd></dl> + +</div> <div id="a-tabindex"> + +<dl><dt> <code id="a-tabindex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabindex">tabindex</a></code> </dt><dd> 型: <em>整数型</em> </dd><dd> 要素のタブの順番。タブの順番は <code>tab</code> キーが押下されたときにフォーカスが移動する順番です。より大きな <code>tabindex</code> の値をもつ要素は、タブの遷移が後になります。 </dd></dl> + +</div> <div id="a-tooltiptextnew"> + +<dl><dt> <code id="a-tooltiptextnew"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tooltiptextnew">tooltiptextnew</a></code> </dt><dd> <strong><span class="highlightred">Firefox では使用不可</span></strong> </dd><dd> 型: <em>文字列型</em> </dd><dd> ユーザが tab 行の new ボタン上にマウスを移動した時 tooltip 内に現れるテキストの設定に使用されます。 </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-disabled"> +<dl><dt> <code><span><a href="http://api/ja/docs/XUL/Property/disabled">disabled</a></span></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code id="a-disabled"><a href="http://api/ja/docs/Mozilla/Tech/XUL/Attribute/disabled">disabled</a></code> 属性の値の取得と設定。 </dd></dl> +</div> <div id="p-itemCount"> +<dl> + <dt> + <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/itemCount">itemCount</a></span></code> </dt> + <dd> + 型: <em>整数型</em></dd> + <dd> + 子項目の数を保持する読み取り専用のプロパティ。</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-selectedItem"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectedItem">selectedItem</a></span></code> </dt><dd> 型: <em>要素</em> </dd><dd> 選択できる要素がある要素の、現在選択されている項目を保持します。項目が選択されていないときは、この値は <code>null</code> になります。この値の設定によって項目を選択することができます。値が、このプロパティまたは <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/selectedIndex">selectedIndex</a></span></code> プロパティを通じて変更されるか、ユーザによって変更された場合、select イベントが要素に送られます。 </dd></dl> +<p> </p> +</div> <div id="p-tabIndex"> +<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tabIndex">tabIndex</a></span></code> </dt><dd> 型: <em>整数型</em> </dd><dd> <code id="a-tabindex"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tabindex">tabindex</a></code> 属性の値の取得と設定。 </dd></dl> +</div> <div id="p-value"> +<dl> + <dt> + <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/value">value</a></span></code></dt> + <dd> + 型: <em>文字列型</em></dd> + <dd> + <code id="a-value"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/value">value</a></code> 属性の値の取得と設定。</dd> +</dl> +</div> +<h3 id="Methods" name="Methods">メソッド</h3> +<table style="border: 1px solid rgb(204, 204, 204); margin: 0 0 10px 10px; padding: 0 10px; background: rgb(238, 238, 238); float: right; width: 250px;"> +<tbody> +<tr> +<td> +<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 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 href="/ja/DOM/Node.getFeature" title="ja/DOM/Node.getFeature">getFeature</a>, <a 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 href="/ja/DOM/Node.isEqualNode" title="ja/DOM/Node.isEqualNode">isEqualNode</a>, <a 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 href="/ja/DOM/Node.lookupNamespaceURI" title="ja/DOM/Node.lookupNamespaceURI">lookupNamespaceURI</a>, <a 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 href="/ja/DOM/Node.setUserData" title="ja/DOM/Node.setUserData">setUserData</a></small></p> + +</td> +</tr> +</tbody> +</table> <dl> + <dt><span id="m-advanceSelectedTab"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/advanceSelectedTab">advanceSelectedTab( dir, wrap )</a></code></span></dt> + <dd>戻り値の型: <em>戻り値なし</em></dd> + <dd>引数 <var>dir</var> に <code>1</code> を設定すると、現在選択されているタブが次のタブに変更されます。同様に <code>-1</code> を設定すると、現在選択されているタブが前のタブに変更されます。<var>wrap</var> 引数を <code>true</code> に設定すると、最初または最後のタブに到達した場合、それぞれの次は最後または最初のタブからになります。</dd> +</dl> <div> + <span class="breadcrumbs XULRefMeth_breadcrumbs">« <a href="/ja/docs/XUL_Reference" title="/ja/docs/XUL_Reference">XUL リファレンス HOME</a></span></div> +<dl> + <dt> + <span id="m-appendItem"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/appendItem">appendItem(label,value )</a></code></span></dt> + <dd> + 戻り値の型: <em>要素</em></dd> + <dd> + 新しい項目を生成し、既存の項目リストの末尾に追加します。値の設定は任意です。この関数は新しく生成された要素を返します。</dd> +</dl> +<h2 id="Example" name="Example">例</h2> +<pre class="brush:html"><script> +function addItemsToList() { + var list = document.getElementById('myMenuList'); + + // add item with just the label + list.appendItem('One'); + + // add item with label and value + list.appendItem('Two', 999); + + // Select the first item + list.selectedIndex = 0; +} +</script> + +<button label="Add items" oncommand="addItemsToList()" /> + +<menulist id="myMenuList"> + <menupopup /> +</menulist></pre> +<h2 id="See_also" name="See_also">関連情報</h2> +<ul> + <li><a href="/ja/docs/XUL/Method/insertItemAt" title="XUL/Method/insertItemAt">insertItemAt()</a></li> + <li><a href="/ja/docs/XUL/Method/removeItemAt" title="XUL/Method/removeItemAt">removeItemAt()</a></li> +</ul> <dl> + <dt><span id="m-getIndexOfItem"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getIndexOfItem">getIndexOfItem( item )</a></code></span></dt> + <dd>戻り値の型: <em>整数型</em></dd> + <dd>指定した <var>item</var> の 0 を基点とした位置を返します。項目は、 list 内に表示された最初の項目から番号が付けられます。</dd> +</dl> <dl> + <dt><span id="m-getItemAtIndex"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/getItemAtIndex">getItemAtIndex( index )</a></code></span></dt> + <dd>戻り値の型: <em>要素</em></dd> + <dd>指定した <var>index</var> の位置の要素を返します。</dd> +</dl> <dl> + <dt><span id="m-insertItemAt"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/insertItemAt">insertItemAt( index, label, value )</a></code></span></dt> + <dd>戻り値の型: <em>要素</em></dd> + <dd>このメソッドは新しい項目を生成し、それを指定した位置に挿入します。値の設定は任意です。新しい項目要素を返します。</dd> +</dl> <dl> + <dt><span id="m-removeItemAt"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/removeItemAt">removeItemAt( index )</a></code></span></dt> + <dd>戻り値の型: <em>要素</em></dd> + <dd>要素内の指定した index の子項目を削除します。このメソッドは削除した項目を返します。</dd> +</dl> +<h3 id="Related" name="Related">関連項目</h3> +<dl> <dt>要素</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XUL/tabbox" title="tabbox">tabbox</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> <dt>インタフェース</dt> <dd><code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIAccessibleProvider" title="">nsIAccessibleProvider</a></code>, <code><a href="/ja/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMXULSelectControlElement" title="">nsIDOMXULSelectControlElement</a></code></dd> +</dl> |