ステータスバーに表示する
<script type="text/javascript">
<!--
window.status = "こんにちは";
// -->
</script>
表示する

window は省略できます。Netscape 7 では省略すると表示されません。

ステータスバーに表示する
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>サンプル</title>
<script type="text/javascript">
<!--
function statusbar() {
	window.status = document.forms[0].text1.value;
}
// -->
</script>
</head>
<body>
<form action="#">
<input type="text" name="text1" value="">
<input type="button" value="書き込み" onclick="statusbar();">
</form>
</body>
</html>
マウスが重なったらステータスバーに表示する
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>サンプル</title>
<script type="text/javascript">
<!--
function show_status(show) {
	if (show) {
		window.status = "どうですか?";		// マウスが触れた時に表示する文字
	}
	else {
		window.status = "";			// マウスが離れた時に表示する文字
	}
}

var i = 0;
function show_status2() {
	if (i++ % 2 != 1) {
		window.status = "どうですか?";		// カウント判別した結果が偶数の時 (onmouseover)
	}
	else {
		window.status = "";			// カウント判別した結果が奇数の時 (onmouseout)
	}
}
// -->
</script>
</head>
<body>
<a href="#" onmouseover="show_status(1); return true;" onmouseout="show_status(0);">さわって</a>
<a href="#" onmouseover="show_status2(); return true;" onmouseout="show_status2();">さわって</a>
</body>
</html>
直接使用する場合
<a href="#" onmouseover="window.status = 'どうですか?'; return true;" onmouseout="window.status = '';">さわって</a>
さわって  さわって  さわって

onmouseover でオブジェクトに触れたら「どうですか?」を表示します。表示するときには true を返すようにしてください。onmouseout でオブジェクトから離れたら window.status = ''; として何も指定していないので表示を消します。

[PR] Yahoo!ショッピング