週末ふらっと海外で潜ってまいりました。（実はダイブマスターだったりするうさです。）
普段よくボーイング747に乗るのですが、今回は757。行きはエコノミー（コーチ）で帰りはビジネスだったので、その座席配列をマウスイベントで表現してみることにします。

サンプルでは、テキストにAタグを貼り、そのid値をテキストボックスに表示させています。AタグでなくてDIVタグなどでも動作します。ただし、テキストボックスに表示する場合、特に古いヴァージョンのブラウザなどgetElementById関数を利用できないブラウザもありますので、その場合は、"document.フォーム名.テキストボックス名"にてご利用くださいませ。フォームに関するサンプルは、うさのJavaScript講座のサンプル集４に入っています。

■ ■　 ■ ■

■ ■ ■　 ■ ■ ■


ソースはこちら↓

<script language="javascript"> <!-- //------------------------------------------------------------ //javascript by ＠うさ http://www.usagi-js.com/ //------------------------------------------------------------ //テキストボックスの値をセットしています。マウスがはずれたときに呼び出されています。 function ShowDescription(content) { document.getElementById('sampleDescription').value = content.id; } //テキストボックスの値をなしにしています。マウスがはずれたときに呼び出されています。 function EraseDescription() { document.getElementById('sampleDescription').value = ""; } //--> </script> <!--以下HTML部です--> <a href="#" id="Seat Coach A" onmouseover="ShowDescription(this)" onmouseout="EraseDescription()"><font color="red">■</font></a> <input id="sampleDescription" type="text" name="sampleDescription" size="20" readonly>