aboutsummaryrefslogtreecommitdiff
path: root/files/ja/archive/mozilla/xul/attribute/statustext/index.html
blob: cfabe0ef0a2ee48156a46441a144a2f8c1bddc3e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
---
title: statustext
slug: Archive/Mozilla/XUL/Attribute/statustext
tags:
  - XUL Attributes
  - XUL Reference
translation_of: Archive/Mozilla/XUL/Attribute/statustext
---
<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a></span></div>
<dl><dt> <code id="a-statustext"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/statustext">statustext</a></code> </dt><dd> 型: <em>文字列型</em> </dd><dd> ユーザーが要素上にマウスカーソルを重ねた時、ステータスバーにテキストを表示します。 </dd></dl>
<p>しかし Mozilla はステータスバーのサイズを調整しません。この属性はテキストを表示するためだけに用いられます。Firefox では、このテキストは、メニューバーのメニューアイテムのために <code><code><a href="/ja/docs/Mozilla/Tech/XUL/statusbar" title="statusbar">statusbar</a></code></code> に自動的に置かれます。</p>
<div class="noinclude">
<h4 id="Example" name="Example"></h4>
<pre>&lt;!-- sets the status message when mouse is over buttons --&gt;
&lt;button label="Connect" statustext="Connect to remote server"
      onmouseover="setStatusMessage(this)" onmouseout="clearStatusMessage()"/&gt;
&lt;button label="Ping" statustext="Ping the server"
      onmouseover="setStatusMessage(this)" onmouseout="clearStatusMessage()"/&gt;

&lt;statusbar&gt;
  &lt;statusbarpanel id="myStatusPanel" label="" flex="1"/&gt;
  &lt;spacer flex="1"/&gt;
&lt;/statusbar&gt;

&lt;script&gt;
function setStatusMessage(obj){
  document.getElementById('myStatusPanel').label = obj.getAttribute('statustext');
}
function clearStatusMessage(obj){
  document.getElementById('myStatusPanel').label = '';
}
&lt;/script&gt;
</pre>
<h4 id="See_also" name="See_also">参照</h4>
<p><code><code><a href="/ja/docs/Mozilla/Tech/XUL/statusbar" title="statusbar">statusbar</a></code></code><code><code><a href="/ja/docs/Mozilla/Tech/XUL/statusbarpanel" title="statusbarpanel">statusbarpanel</a></code></code></p>
</div>
<div class="noinclude">

</div>