WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:JavaScriptとスタイルシートについて

ヒデ筒井 [MAIL] [WriteDate : Thu Dec 7 13:25:41 2000]

ヒデ筒井です、こんにちわ。
いっつも、このページにはお世話になってます。

JavaScriptとスタイルシートについて教えて下さい。
今カレンダー&スケジュール管理ページを作ってます。
その中のカレンダーで、クラブのメンバーが登録したスケジュールをポイント計算し、カレンダーにどの日がみんなの都合がいいか表示してます。
で、このカレンダーはある日のマスをダブルクリックすると、日ごとに誰がどういう状況か(出席、欠席等)を表示します。
この際スタイルシート(レイヤ?)を使って、小さな表示ウィンドウ(レイヤ?)を出してますが、その表示位置が思うように行きません。
ブラウザはIEなんですが、画面を最大化表示している時は思い通りに表示されるのですが、そうじゃない場合(小さく表示)は見えない場所に表示されます。
なぜなんでしょうか?
同じ日をクリックしても、下のx、yの値は画面の大小で変わりますが、その値が表示位置になってるはずなんで問題はないと思うのですが...
(ちなみに、STYLE='position:relative; にしても同じ現象になりました。)

表示位置は次のソースで獲ってます。

x=event.clientX //カーソル位置(x座標)
y=event.clientY //カーソル位置(y座標)
document.all(layName).style.posLeft=x
document.all(layName).style.posTop=y

スタイルシートは下記のとおりです。

document.write("<DIV ID='upmember'" +
"STYLE='position:absolute;" +
"width:55px;"+
"visibility:hidden;"+
"background:yellow;"+
"border: thin solid;"+
"padding:0;"+
"'>"+
"</DIV>");


Mugi [MAIL] [URL] [WriteDate : Thu Dec 7 20:05:11 2000]

x=event.clientX //カーソル位置(x座標) 
y=event.clientY //カーソル位置(y座標) 

x=event.clientX+document.body.scrollLeft //カーソル位置(x座標) 
y=event.clientY+document.body.scrollTop //カーソル位置(y座標) 


ヒデ筒井 [WriteDate : Fri Dec 8 10:35:04 2000]

Mugiさん、ありがとうございました。
うまくいきました。
テキストを持ってないので、Web上でいろいろテクを修得してますが、「document.body.scrollLeft 」のようなコマンドはどこにもなかったんです〜。
まだまだ知らないコマンドが多そうですねぇ。
う〜ん、奥が深い!
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]