マウスポイント時の固定表示（テキストエリア）
- 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
- 回答ありがとうございます。
少し説明不足でしたね。すいません。
説明を残したいのではなく、テキストエリア自体を、スクロールしても動かない様に
ある一定の場所（座標を使うのでしょうか？）に固定表示させたいと言う事です。
