Link Information

Description:

マウスのポインタをリンクに合わせると、ステータスバーにメッセージを出します。 リンク先のURLも書いておくと親切でしょう。

Demo:

[Yahoo] [Excite]

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>


<script language="JavaScript" type="text/javascript">
<!--

function linkinfo(msg) {
 window.status = msg;
}
//-->
</script>


</head>

<body>


<a href="http://www.yahoo.co.jp"
 onMouseover="linkinfo('Yahooへ飛びます。'); return true;"
 onMouseout="linkinfo('')">
[Yahoo]
</a>

<a href="http://www.excite.co.jp/"
 onMouseover="linkinfo('Exciteへ飛びます。'); return true;"
 onMouseout="linkinfo('')">
[Excite]
</a>





</body>
</html>

Advice:

Arrangement:

フォームに表示 [デモ]

リンク先の情報をステータスバーではなく、フォームのテキストエリア内に表示します。 まず、メッセージ表示用のフォームを設置します。

 <form Method="POST" Name="linkinfoform">
 <input Type="TEXT" Name="linkinfotextarea">
 </form>

そして、スクリプトのlinkinfo() {...} の中身を以下のように書き換えます。

function linkinfo(msg) {
 document.linkinfoform.linkinfotextarea.value = msg;
}

Browser:

Internet Explorer3.0以上
Netscape Navigator2.0以上
[ Back ]