リンク先の説明をフォームで表示します

リンク先の説明をフォームで表示します

| sample 1 | sample 2 |　※1行


| sample 1 | sample 2 |　※複数行
■<head>〜</head>内に下記を貼り付けてください。
不　要
■<body>〜</body>内に下記を貼り付けてください。
<!--1行-->
| <a onmouseover="document.p1.comment.value='サンプル1へ移動します。'" onmouseout="document.p1.comment.value=''" href="sample_1.html" target="_top">sample 1</a>
|
<a onmouseover="document.p1.comment.value='サンプル2へ移動します。'" onmouseout="document.p1.comment.value=''" href="sample_2.html" target="_top">sample 2</a>
|
<br>
<!--スクリプト１行-->
<form method="GET" name="p1"><input type="text" name="comment" size="50"></form>
<!--ここまで-->
<!--複数行-->
| <a onmouseover="document.p2.comment.value='サンプル1へ移動します。\n※改行することもできます。'" onmouseout="document.p2.comment.value=''" href="sample_1.html" target="_top">sample 1</a>
|
<a onmouseover="document.p2.comment.value='サンプル2へ移動します\n※改行することができます。'" onmouseout="document.p2.comment.value=''" href="sample_2.html" target="_top">sample 2</a>
|
<br>
<!--スクリプト複数行-->
<form method="GET" name="p2"><textarea name="comment" rows="3" cols="40" wrap="HARD"></textarea></form>
<!--ここまで-->
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5／IE6／IE7／IE8の動作を同時に確認することができます。また需要が多いブラウザ（FireFox／Opera／Sleipnir／Lunascape／KIKI etc）での動作確認も忘れずに行って下さい。