diff options
Diffstat (limited to 'files/ja/archive/mozilla/xul/tooltip/index.html')
| -rw-r--r-- | files/ja/archive/mozilla/xul/tooltip/index.html | 180 |
1 files changed, 0 insertions, 180 deletions
diff --git a/files/ja/archive/mozilla/xul/tooltip/index.html b/files/ja/archive/mozilla/xul/tooltip/index.html deleted file mode 100644 index 58efc85a29..0000000000 --- a/files/ja/archive/mozilla/xul/tooltip/index.html +++ /dev/null @@ -1,180 +0,0 @@ ---- -title: tooltip -slug: Archive/Mozilla/XUL/tooltip -tags: - - XUL Elements - - XUL Reference -translation_of: Archive/Mozilla/XUL/tooltip ---- -<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>この要素は tooltip ポップアップに使用されます。テキストのみの tooltip については、この要素を使用する必要はありません。代わりに <code id="a-tooltiptext"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/tooltiptext">tooltiptext</a></code> 属性を要素に追加するだけです。</p> -<p>詳しい情報は <a href="/ja/XUL_Tutorial/Popup_Menus" title="ja/XUL_Tutorial/Popup_Menus">XUL チュートリアル</a>にあります。</p> -<dl> <dt>属性</dt> <dd><a href="#a-crop">crop</a>, <a href="#a-default">default</a>, <a href="#a-label">label</a>, <a href="#a-noautohide">noautohide</a>, <a href="#a-onpopuphidden">onpopuphidden</a>, <a href="#a-onpopuphiding">onpopuphiding</a>, <a href="#a-onpopupshowing">onpopupshowing</a>, <a href="#a-onpopupshown">onpopupshown</a>, <a href="#a-popup.position">position</a></dd> -</dl> -<dl> <dt>プロパティ</dt> <dd><a href="#p-accessibleType">accessibleType</a>, <a href="#p-label">label</a>, <a href="#p-popupBoxObject">popupBoxObject</a>, <a href="#p-position">position</a>, <a href="#p-state">state</a></dd> -</dl> -<dl> <dt>メソッド</dt> <dd><a href="#m-hidePopup">hidePopup</a>, <a href="#m-moveTo">moveTo</a>, <a href="#m-openPopup">openPopup</a>, <a href="#m-openPopupAtScreen">openPopupAtScreen</a>, <a href="#m-showPopup">showPopup</a>, <a href="#m-sizeTo">sizeTo</a></dd> -</dl> -<h3 id="Examples" name="Examples">例</h3> -<div class="float-right"><img alt="Image:XUL_ref_tooltip.png" class=" internal" src="/@api/deki/files/478/=XUL_ref_tooltip.png"></div> -<pre><tooltip id="moretip" orient="vertical" style="background-color: #33DD00;"> - <label value="Click here to see more information"/> - <label value="Really!" style="color: red;"/> -</tooltip> - -<vbox> - <button label="Simple" tooltiptext="A simple popup"/> - <button label="More" tooltip="moretip"/> -</vbox> -</pre> -<h3 id="Attributes" name="Attributes">属性</h3> -<div id="a-crop"> - - -<dl> - <dt><code id="a-crop"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/crop">crop</a></code></dt> - <dd>型: <em>下記の値のいずれか一つ</em></dd> - <dd>要素の label に与えられた空間が小さ過ぎるときは、<code>crop</code> 属性によって指定された側のテキストが切り取られます。テキストが切り取られた場所には省略記号 (ellipsis)が使用されます。ボックスの方向が反対の場合は、切り取られる場所も反対側になります。</dd> -</dl> - -<ul> - <li><code>start</code>: テキストは先頭から切り取られます。</li> - <li><code>end</code>: テキストは末尾から切り取られます。</li> - <li><code>left</code>: <span title="これは非推奨 API です。未だ動作しているかも知れませんが、将来的に削除される可能性があります。"><i class="icon-thumbs-down-alt"> </i></span> テキストは左側から切り取られます。</li> - <li><code>right</code>: <span title="これは非推奨 API です。未だ動作しているかも知れませんが、将来的に削除される可能性があります。"><i class="icon-thumbs-down-alt"> </i></span> テキストは右側から切り取られます。</li> - <li><code>center</code>: テキストの中央が切り取られ、通常、テキストの先頭と末尾が表示されます。</li> - <li><code>none</code>: テキストは省略記号を使用して切り取られません。しかし、テキストがあまりに長い場合は単純に削除されます。削除する側は CSS の行揃え (text alignment)に依存します。</li> -</ul> - - -</div><div id="a-default"> - -<dl><dt> <code id="a-default"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/default">default</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> <code>true</code> の場合、<code><a href="/ja/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code> はウィンドウ内にツールチップを表示する、デフォルトのポップアップとして使用されます。 </dd></dl> - -</div><div id="a-label"> - -<dl><dt> <code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> 要素上に表示するlabel。 省略された場合、テキストは表示されない。 </dd></dl> - - -</div><div id="a-noautohide"> - -<dl><dt> <code id="a-noautohide"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/noautohide">noautohide</a></code> </dt><dd> 型: <em>論理型</em> </dd><dd> この属性が <code>false</code> に設定されるか省略された場合、数秒経つと <code><a href="/ja/docs/Mozilla/Tech/XUL/tooltip" title="tooltip">tooltip</a></code> は自動的に消えます。この属性が <code>true</code> に設定された場合、このような動作は起こらず、ユーザがマウスを他の要素に移動した時、ツールチップが隠れます。 </dd></dl> - -</div><div id="a-onpopuphidden"> - -<dl><dt> <code id="a-onpopuphidden"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onpopuphidden">onpopuphidden</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントはポップアップが非表示になった時に発生します。 </dd></dl> - -</div><div id="a-onpopuphiding"> - -<dl><dt> <code id="a-onpopuphiding"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onpopuphiding">onpopuphiding</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントはポップアップを非表示にしようとしている時に発生します。 </dd></dl> - -</div><div id="a-onpopupshowing"> - -<dl><dt> <code id="a-onpopupshowing"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onpopupshowing">onpopupshowing</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントは、ポップアップが開かれる直前にポップアップに送られます。通常、このハンドラはユーザがポップアップの表示を要求したとき、動的にコンテンツを設定するために使用されます。このイベントハンドラから <code>false</code> が返るとポップアップの表示が抑制されます。 </dd></dl> - -</div><div id="a-onpopupshown"> - -<dl><dt> <code id="a-onpopupshown"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/onpopupshown">onpopupshown</a></code> </dt><dd> 型: <em>スクリプトコード</em> </dd><dd> このイベントはポップアップが表示された後に発生します。ウィンドウが開かれた時に発生する <code>onload</code> イベントと類似しています。 </dd></dl> - -</div><div id="a-popup.position"> - -<dl><dt> <code id="a-popup.position"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/popup.position">position</a></code> </dt><dd> 型: <em>下記の値のいずれか一つ</em> </dd><dd> <code>position</code> 属性は、ユーザがクリックした要素に関する popup が現れる位置を決定します。これは、popup をボタンの側に置くことができます。 </dd></dl> -<ul> <li><code>after_start</code>: popup は要素の下側に現れ、その左上隅と要素の左下隅が並びます。これは一般的に、ドロップダウンメニューに使用されます。</li> <li><code>after_end</code>: popup は要素の下側に現れ、その右上隅と要素の右下隅が並びます。要素と popup の右端が揃います。</li> <li><code>before_start</code>: popup は要素の上側に現れ、その左下隅と要素の左上隅が並びます。要素と popup の左端が揃います。</li> <li><code>before_end</code>: popup は要素の上側に現れ、その右下隅と要素の右上隅が並びます。要素と popup の右端が揃います。</li> <li><code>end_after</code>: popup は要素の右側に現れ、その左下隅と要素の右下隅が並びます。要素と popup の下端が揃います。</li> <li><code>end_before</code>: popup は要素の右側に現れ、その左上隅と要素の右上隅が並びます。要素と popup の上端が揃います。</li> <li><code>start_after</code>: popup は要素の左側に現れ、その右下隅と要素の左下隅が並びます。要素と popup の下端が揃います。</li> <li><code>start_before</code>: popup は要素の左側に現れ、その右上隅と要素の左上隅が並びます。要素と popup の上端が揃います。</li> <li><code>overlap</code>: popup は要素上に現れ、その左上隅が揃います。</li> <li><code>at_pointer</code>: popup はマウスポインタと同じ位置に現れます。</li> <li><code>after_pointer</code>: popup はマウスポインタと同じ水平位置に現れます。垂直位置は要素のすぐ下になります。</li> -</ul> - - -</div> -<h3 id="Properties" name="Properties">プロパティ</h3> -<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-label"> -<dl> - <dt> - <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/label">label</a></span></code></dt> - <dd> - 型: <em>文字列型</em></dd> - <dd> - <code id="a-label"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/label">label</a></code> 属性の値の取得と設定。</dd> -</dl> - -</div><div id="p-popupBoxObject"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/popupBoxObject">popupBoxObject</a></span></code> </dt><dd> 型: <em><a href="/ja/NsIPopupBoxObject" title="ja/NsIPopupBoxObject">nsIPopupBoxObject</a></em> </dd><dd> この読み取り専用のプロパティは、popup を実装する <a href="/ja/NsIPopupBoxObject" title="ja/NsIPopupBoxObject">nsIPopupBoxObject</a> を保持しています。popup 自身を通して関数のすべてを利用できるため、通常、このプロパティを使用する必要はありません。 </dd></dl> -</div><div id="p-position"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/position">position</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> <a href="/ja/XUL/Attribute/popup.position" title="ja/XUL/Attribute/popup.position">position</a> 属性の値の取得と設定。 </dd></dl> -</div><div id="p-state"> -<dl><dt> <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/state">state</a></span></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> popup が開かれているかどうかを示します。このプロパティは読み取り専用です。次の 4 つの値が利用可能です: </dd></dl> -<ul> <li><code>closed</code>: popup は閉じられており、画面上に表示されていません。</li> <li><code>open</code>: popup は開かれており、画面上に表示されています。</li> <li><code>showing</code>: popup を開く要求がされているが、まだ開かれていない状態。この状態は popupshowing イベントの間に起こります。</li> <li><code>hiding</code>: popup が隠されます。この状態は popuphiding イベントの間に起こります。</li> -</ul> -</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-hidePopup"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/hidePopup">hidePopup()</a></code></span></dt> - <dd>戻り値の型: <em>戻り値無し</em></dd> - <dd>直ちにポップアップを閉じます。</dd> -</dl><dl> - <dt><span id="m-moveTo"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/moveTo">moveTo( x, y )</a></code></span></dt> - <dd>戻り値の型: <em>戻り値なし</em></dd> - <dd>ポップアップを指定した位置へ移動します。</dd> -</dl><dl> - <dt><span id="m-openPopup"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/openPopup">openPopup( anchor , position , x , y , isContextMenu, attributesOverride )</a></code></span> </dt> - <dd>戻り値の型: <em>戻り値無し</em></dd> -</dl> - - -<p>特定のノードから見た相対的な指定位置にポップアップを開きます。</p> -<p>ポップアップは他のノードにアンカーすることも、自由な位置に開く事もできます。ポップアップをノードにアンカーするには、anchor ノードを指定して、ポップアップをどのように開くかを示す文字列を position に設定します。</p> - -<p>position が取り得る値は before_start, before_end, after_start, after_end, start_before, start_after, end_before, end_after, overlap, after_pointer のいずれかです。</p> - -<p>anchor ノードはポップアップと同じドキュメント内のものである必要はありません。</p> - -<p>引数 attributesOverride が true ならば、ポップアップノードの position 属性が引数 position の値を上書きします。attributesOverride が false ならば、position 属性は引数 position が空の場合のみ使用されます。</p> - -<p>アンカーされたポップアップでは、引数 x と y はアンカーされた位置からのオフセットとして使用されます。この数値は CSS の pixel 単位で計測されます。</p> - -<p>アンカーされないポップアップは、anchor ノードとして null を指定することで作成できます。このポップアップは、ポップアップノードを含むドキュメントの表示領域からの、x と y で指定された相対位置に表示されます。この場合、引数 position と attributesOverride は無視されます。</p> - -<p>引数 isContextMenu は、コンテキストメニューの場合は true に、それ以外の場合は false にしてください。この引数はメニュー項目のハイライトに影響します。コンテキストメニューが開かれている間は、それ以前に開かれたメニューはハイライトされず、メニュー内の項目を実行できません。</p><dl> - <dt><span id="m-openPopupAtScreen"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/openPopupAtScreen">openPopupAtScreen( x, y, isContextMenu )</a></code></span> </dt> - <dd>戻り値の型: <em>戻り値無し</em></dd> -</dl> -<p><var>x</var> と <var>y</var> で指定された画面上の特定の位置にポップアップを開きます。ポップアップが画面からはみ出るように指定された場合には位置が調整されます。座標 <var>x</var> と <var>y</var> は CSS の pixel 単位で計測されます。</p><dl> - <dt><span id="m-showPopup"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/showPopup">showPopup( element, x, y, popupType, anchor, align )</a></code></span> <span style="border: 1px solid rgb(152, 152, 240); background-color: rgb(221, 221, 255); font-size: 9px; vertical-align: text-top;">Mozilla 1.9 で非推奨</span></dt> - <dd>戻り値の型: <em>戻り値なし</em></dd> - <dd>popup 要素を開きます。popup を表示する場所を指定するには二通りの方法があります。スクリーン位置を指定するか、window 内の要素からの相対位置を指定します。<var>x</var> または <var>y</var> に値を設定すると、popup がそのスクリーン座標 (<var>x</var>,<var>y</var>) に表示されます。<var>x</var> および <var>y</var> が <code>-1</code> の場合、popup の位置は最初の引数 <var>element</var> で指定された要素からの相対位置になります。これは例えば、ボタンの下に popup を表示するときに使用します。この二番目の場合は、<var>anchor</var> および <var>align</var> 引数が、popup が現れる要素の相対位置をさらに制御するために使用されます。<var>anchor</var> 引数は要素上の <code id="a-popupanchor"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/popupanchor">popupanchor</a></code> 属性に対応します。<var>align</var> 引数は要素上の <code id="a-popupalign"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/popupalign">popupalign</a></code> 属性に対応します。<var>x</var> または <var>y</var> が <code>-1</code> でない場合、これらの引数は無視されます。</dd> -</dl> -<dl> - <dd>popup をさらに数ピクセル離れた他の要素からの相対位置に表示するには、要素の <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/boxObject">boxObject</a></span></code>.screenX プロパティおよび <code><span><a href="https://developer.mozilla.org/ja/docs/XUL/Property/boxObject">boxObject</a></span></code>.screenY プロパティを使用し、それらを <var>x</var> および <var>y</var> 引数にオフセットとして値を与え、要素の実際のスクリーン位置を確定してください。</dd> -</dl> -<dl> - <dd><var>popupType</var> の値は、<code>popup</code> または <code>context</code>, <code>tooltip</code> のいずれかの文字列でなければなりません。各 popup の形式は一時的に表示されることを意図しているため、永久に表示されることはありません。一度に一つの popup のみが表示されます。</dd> -</dl><dl> - <dt><span id="m-sizeTo"><code><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Method/sizeTo">sizeTo( width, height )</a></code></span></dt> - <dd>戻り値の型: <em>戻り値無し</em></dd> - <dd>ポップアップの現在の大きさを指定した <var>width</var> (幅) と <var>height</var> (高さ) に変更します。</dd> -</dl> -<h3 id="Related" name="Related">関連項目</h3> -<p>TBD</p> -<p> </p> -<div class="noinclude"> - -</div> |