diff options
Diffstat (limited to 'files/ja/archive/mozilla/xul/splitter/index.html')
| -rw-r--r-- | files/ja/archive/mozilla/xul/splitter/index.html | 88 |
1 files changed, 0 insertions, 88 deletions
diff --git a/files/ja/archive/mozilla/xul/splitter/index.html b/files/ja/archive/mozilla/xul/splitter/index.html deleted file mode 100644 index b44ae6fbc1..0000000000 --- a/files/ja/archive/mozilla/xul/splitter/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: splitter -slug: Archive/Mozilla/XUL/splitter -tags: - - XUL Elements - - XUL Reference -translation_of: Archive/Mozilla/XUL/splitter ---- -<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>コンテナの内側の要素の前または後に表示される要素です。splitter がドラッグされると、splitter の兄弟要素のサイズが変更されます。<code><a href="/ja/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code> が splitter の内側に置かれている場合は、grippy がクリックされたとき、splitter の兄弟要素の一つが折り畳まれます。</p> -<p>詳しい情報は <a href="/ja/XUL_Tutorial/Splitters" title="ja/XUL_Tutorial/Splitters">XUL チュートリアル</a>にあります。</p> -<dl><dt> 属性 </dt><dd> <a href="#a-collapse">collapse</a>, <a href="#a-resizeafter">resizeafter</a>, <a href="#a-resizebefore">resizebefore</a>, <a href="#a-state">state</a>, <a href="#a-substate">substate</a> </dd></dl> <dl><dt> スタイルクラス </dt><dd> <a href="#s-tree-splitter">tree-splitter</a> </dd></dl> -<h3 id="Examples" name="Examples">例</h3> -<p><img alt="splitter_arrow.png" class="internal default" src="/@api/deki/files/2917/=splitter_arrow.png" style="width: 313px; height: 28px;"></p> -<p><!-- この検索バーはいくつかのスタイル付けがされています。vbox はユーザがクリックして検索バーをリサイズするための .png 画像を保持するために使用されています。 --></p> -<p><code><splitter tooltiptext="検索ボックスのサイズを変更してください" oncommand="alert('splitter がドラッグされました')"><br> - <vbox id="example_vbox" /><br> -</splitter></code></p><h3 id="Attributes" name="Attributes">属性</h3> -<p> </p><div id="a-collapse"> - -<dl><dt> <code id="a-collapse"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/collapse">collapse</a></code> </dt><dd> 型: <em>以下の値のいずれか一つ</em> </dd><dd> <code><a href="/ja/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> の grippy がクリックされた時、どちら側を折り畳むかを決定します。この属性が指定されていない場合、splitter は折り畳まれません。要素を折り畳むには <code><a href="/ja/docs/Mozilla/Tech/XUL/grippy" title="grippy">grippy</a></code> 要素を splitter の内側に置かなければなりません。 </dd></dl> -<ul> <li><code>none</code>: 要素は折り畳まれません。</li> <li><code>before</code>: grippy がクリックされると、同じ親要素を持つ splitter のすぐ前の要素が折り畳まれ、その幅と高さは 0 になります。</li> <li><code>after</code>: grippy がクリックされるとすぐに、同じ親要素を持つ splitter のすぐ後の要素が折り畳まれ、その幅と高さは 0 になります。</li> <li><code>both</code>: grippy がクリックされると、splitter の前後に隣接する要素が折り畳まれます。 splitter の位置によっては、その要素のサイズが最小サイズ以下になります。 </li> -</ul> - -</div> <div id="a-resizeafter"> - -<dl><dt> <code id="a-resizeafter"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/resizeafter">resizeafter</a></code> </dt><dd> 型: <em>以下の値のいずれか一つ</em> </dd><dd> この属性は、<code><a href="/ja/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> の位置が変更された時、その右側または下側のどの要素をサイズ変更するかを指示します。 </dd></dl> -<ul> <li><code>closest</code>: splitter のすぐ右側または下側の要素をサイズ変更します。</li> <li><code>farthest</code>: splitter から最も遠い右側または下側の要素をサイズ変更します。</li> <li><code>grow</code>: splitter がドラッグされても、その右側または下側の要素をサイズ変更しません。代わりに、コンテナ全体のサイズを変更します。</li> <li><code>flex</code>: 最も近い伸縮自在の要素をサイズ変更します。 </li> -</ul> - - -</div> <div id="a-resizebefore"> - -<dl><dt> <code id="a-resizebefore"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/resizebefore">resizebefore</a></code> </dt><dd> 型: <em>以下の値のいずれか一つ</em> </dd><dd> この属性は、<code><a href="/ja/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> の位置が変更された時、その左側または上側のどの要素をサイズ変更するかを指示します。 </dd></dl> -<ul> <li><code>closest</code>: splitter のすぐ左側または上側の要素をサイズ変更します。</li> <li><code>farthest</code>: splitter から最も遠い左側または上側の要素をサイズ変更します。</li> <li><code>flex</code>: 最も近い伸縮自在の要素をサイズ変更します。 </li> -</ul> - -</div> <div id="a-state"> - -<dl><dt> <code id="a-state"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/state">state</a></code> </dt><dd> 型: <em>以下の値のいずれか一つ</em> </dd><dd> <code><a href="/ja/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> の持つコンテンツが折り畳まれているかどうかを指示します。この属性は、splitter を移動すると自動的に更新されます。一般的には、スタイルシート内で状態ごとに異なる外観を適用するために使用します。 </dd></dl> -<ul> <li><code>open</code>: collapsed 属性に依存しますが、splitter の前または後のコンテンツは現在表示されています。</li> <li><code>collapsed</code>: splitter の前または後のコンテンツは折り畳まれているか表示されていません。</li> <li><code>dragging</code>: ユーザが splitter の位置を (マウスでドラッグするなどして) 調節しています。</li> -</ul> - - -</div> <div id="a-substate"> - -<dl><dt> <code id="a-substate"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/substate">substate</a></code> </dt><dd> 型: <em>以下の値のいずれか一つ</em> </dd><dd> 属性値に state="collapsed" および collapse="both" を持つ <code><a href="/ja/docs/Mozilla/Tech/XUL/splitter" title="splitter">splitter</a></code> 上で、実際に折り畳まれる splitter の方向を決定します。collapse="both" が Gecko 1.9 以降の機能であるため、それ以前のバージョンでは効果がありません。 </dd></dl> -<ul> <li><code>before</code>: splitter のすぐ前の要素が折り畳まれています。</li> <li><code>after</code>: splitter のすぐ後の要素が折り畳まれています。</li> -</ul> - -</div> -<h3 id="Properties" name="Properties">プロパティ</h3> -<table 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%;"> <tbody> <tr> <td> <p><strong>XUL 要素からの継承</strong><br> <small> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/align">align</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/allowEvents">allowEvents</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/boxObject">boxObject</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/builder">builder</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/className">className</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/collapsed">collapsed</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/contextMenu">contextMenu</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/controllers">controllers</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/database">database</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/datasources">datasources</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/dir">dir</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/flex">flex</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/height">height</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/hidden">hidden</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/id">id</a></span></code>, , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/left">left</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxHeight">maxHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/maxWidth">maxWidth</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/menu">menu</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/minHeight">minHeight</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/minWidth">minWidth</a></span></code>, , , , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/observes">observes</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/ordinal">ordinal</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/orient">orient</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/pack">pack</a></span></code>, , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/persist">persist</a></span></code>, , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/ref">ref</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/resource">resource</a></span></code>, , , , , <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/statusText">statusText</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/style">style</a></span></code>, ,, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tooltip">tooltip</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/tooltipText">tooltipText</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/top">top</a></span></code>, <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/width">width</a></span></code></small></p> </td> </tr> </tbody> -</table> -<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="Style_classes" name="Style_classes">スタイルクラス</h3> -<p>次のクラスは要素のスタイルに使用されます。これらのクラスは、ユーザの選択したテーマとより自然に適合させるため、要素のスタイルを直接変更する代わりに使用します。</p> -<dl><dt> <code><a href="https://developer.mozilla.org/ja/docs/XUL/Style/tree-splitter">tree-splitter</a></code> </dt><dd> この splitter は tree columns 内 (<code><a href="/ja/docs/Mozilla/Tech/XUL/treecol" title="treecol">treecol</a></code> 要素間) での使用を意図しています。splitter は幅なしで描画されるので見えませんが、columns のサイズ変更が可能です。 </dd></dl> -<pre> <tree id="tree1" flex="1" height="300" enableColumnDrag="true"> - <treecols> - <treecol id="name" label="名前" flex="1"/> - <splitter class="tree-splitter"/> - <treecol id="id" label="ID" flex="1"/> - <splitter class="tree-splitter"/> - <treecol id="date" label="日付" flex="1"/> - <splitter class="tree-splitter"/> - </treecols> - <treechildren/> - </tree> -</pre> -<h3 id="Related" name="Related">関連項目</h3> -<p>TBD</p> -<div class="noinclude"> - -</div> |