OnMouseOver&outについて（再）

質問

QNo.2091451にて回答をいただき、一応解決したのですが、ひとつ問題が生じましたので引き続きアドバイスをいただければ幸いです。

それはマウスの近くに表示する方法ですが、ページが縦長でスクロールをかけていくと、表示される画像が欄外に出てしまい、モニター上から見えなくなってしまいます。
スクロールしても、画像の表示場所が常にモニターの中に表示してくれればいいのですが、どのようにしたらいいでしょうか。
あるいは、フレームにして別ウインドウにこの画像を表示するようにしたら本体をスクロールしても常に画像ウインドウが固定されるのでそれでもいいかなと思ってます。
よろしくお願いします。

回答No.2

yambejp · ベストアンサー

前回のソースをいかすとこんな感じでいかがでしょうか？

<script type="text/javascript">
function over( img,area ) {
var e = document.getElementById( area );
e.innerHTML = '<img src="'+img+'">';
e.style.position = "absolute";
e.style.border = "solid #ff8080";
return area;
}

function out(area) {
var e = document.getElementById( area );
e.innerHTML = '';
e.style.border = "none";

}
</script>
<table border=1>
<tr>
<td>
<A href="page001.htm" onmouseover="area=over('img001.jpg','area001');" onmouseout="out(area);">名前001</A>
<span id="area001"></span>
</td>
<td>
<A href="page002.htm" onmouseover="area=over('img002.jpg','area002');" onmouseout="out(area);">名前002</A>
<span id="area002"></span>
</td>
<td>
<A href="page003.htm" onmouseover="area=over('img003.jpg','area003');" onmouseout="out(area);">名前003</A>
<span id="area003"></span>
</td>
</tr>
</table>

お礼

できましたっ！
ご親切に教えていただきほんとうにありがとうございました。
完成したものをここにのせてあります。

回答No.1

yambejp

アンカー(a)タグごとにspanを横におき、
それぞれにIDを振って管理をすれば、
常にアンカーのよこに画像が表示されると
おもいます。

（中途半端につなぎ質問をすると質問が削除
されてしまうのでご注意なさるとよろしいかと）

お礼

ご回答ありがとうございます。
あまり詳しくない者なんですが、次のようなTAGを教えていただきました。
<TD width=120 align="center">
<A href="index.htm#041127" target=_top onmouseover="over('041127shinobu/img/IMGP0871_thumb');" onmouseout="out();">名前A(04.11.27)</A>
</TD>
これを100人くらい続けています。
そして最後の行に<span id="gazou"></span>と記述しています。

そこでアンカータグごとにspsnをおくというのはそれぞれの</A>と</TD>の間に<span id="gazou"></span>をおなじ記述でおくということでしょうか。

それから前回の質問を締め切ってしまったため関連で内容を略してしまったのですが、このような質問をする場合最初からすべて書いて質問したほうがいいですか？アドバイスありがとうございます。