情報を表示したいリンクのリンクタグに onMouseover="linkinfo()" onMouseOut="linkinfo()" をそれぞれ書きます。linkinfo() の中身にはこのリンク先に関する情報やコメントを書きます。
onMouseover="linkinfo('コメント')" onMouseout="linkinfo()"
Netscape4.xでも動くようにする
tableを用いてボックスのサイズを固定化し、
その中を書き換える事によって実現します。多少強引な方法ですが…。
まず、スクリプトの中の linkinfo() { .... } の中身を以下のように書き換えます。
function linkinfo(msg, id) {
if(!document.all && !document.getElementById && !document.layers) { return; }
id = (!id) ? "linkinfolay" : id;
msg= (!msg) ? "" : msg;
if(document.layers) {
var el = document.layers[id].layers[id+"-child"];
el.document.open();
el.document.write(msg);
el.document.close();
return;
}
var el = (document.getElementById) ? document.getElementById(id) : document.all(id);
el.innerHTML = msg;
}
表示メッセージ部を、以下のように書き換えます。
なお <TD>のwidth,heightもきちんと設定を行ってください。
<script language="JavaScript" type="text/javascript">
<!--
if(document.all || document.getElementById || document.layers) {
document.write("<table cellpadding='0' cellspacing='0' border='1'>");
document.write("<tr>");
document.write("<td
width='400' height='100' valign='top' id='linkinfolay'>");
document.write("
<layer id='linkinfolay-child' width='390' height='90'>ここにリンク先の説明が出ます。<\/layer>");
document.write("<\/td>");
document.write("<\/tr>");
document.write("<\/table>");
}
//-->
</script>