マウスポイント時の固定表示(テキストエリア)

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: べー : 2004/11/26 01:16
こんばんは。最近javascriptを勉強している者です。
もし、知っている方が居ましたら教えて下さい。

リンク文字に、マウスをポイントしたら
テキストエリアに写真のコメント表示させています。
そのテキストエリアを
画面のある場所に固定表示させる方法を教えて欲しいのです。


以下のjavascriptでメッセージを切替します。

<html>
<head>
<script type="text/javascript">
<!--
msg=new Array();
msg[0]="写真のコメント";
msg[1]="「test01」\n\ntest01\nあいうえお\nう\n\ntest01-2004.01.01";
msg[2]="「test02」\n\ntest02\nかきくけこ\nく\n\ntest02-2004.02.01";
msg[3]="「test03」\n\ntest03\nさしすせそ\nす\n\ntest03-2004.03.01";
function ChengeMsg(index){
  document.FORM.CORSE.value=msg[index];
}
//-->
</script>
</head>
<body>
<a href="#" onmouseover="ChengeMsg(1)" onmouseout="ChengeMsg(0)" title="「test01」">「test01」</a><br><br>
<a href="#" onmouseover="ChengeMsg(2)" onmouseout="ChengeMsg(0)" title="「test02」">「test02」</a><br><br>
<a href="#" onmouseover="ChengeMsg(3)" onmouseout="ChengeMsg(0)" title="「test03」">「test03」</a><br><br>
<form name="FORM">
<textarea rows="12" cols="70" name="CORSE" style="overflow:hidden;">写真のコメント</textarea>
</form>
</body>
</html>


以下の、画面のある場所に固定表示させるjavascriptと
上記のjavascriptを、どう組み合わせて良いのか分からずにいます。

<html>
<head>
<script language="Javascript">
function movebox(){
syasin.style.top=document.body.scrollTop+300;
}
</script>
</head>
<BODY onscroll="movebox()">
<TEXTAREA id="syasin" ROWS="12" COLS="70" STYLE="position:absolute;left:170;top:300;">写真コメント</TEXTAREA>
</body>
</html>

すいませんが、宜しくお願いします。

1   名前: C-- : 2004/11/26 07:53   [URL
固定表示の意味が良く分かりませんが、
「マウスを話しても説明を残したい」と言うことでしょうか?

それでしたら、onmouseout="ChengeImg(0)"を消してください。

2   名前: べー : 2004/11/26 08:16
回答ありがとうございます。

少し説明不足でしたね。すいません。
説明を残したいのではなく、テキストエリア自体を、スクロールしても動かない様に
ある一定の場所(座標を使うのでしょうか?)に固定表示させたいと言う事です。

一覧へ戻る