- ベストアンサー
IE6.0でのオブジェクト座標の動的取得
ホームページを作る際にJavaScriptでIE6.0でオブジェクトの座標を取得したいと思っています。以下のようにしてstyleでtop、leftを指定していない場合でも座標取得は可能でしょうか。センタリングを有効にしたいので、スタイル指定が出来ないのですが…。 例）以下のIMGタグの座標を取得したい <CENTER> <A href="www.aaa.com" onMouseOver="zahyou()"> <IMG src="aaa.gif" id="IMG1"> </A> </CENTER>
- MO2004
- お礼率50% (2/4)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
offsetTop,offsetLeftなどで取得できます。（参考URL） function zahyou() { alert( 'Y:' + document.getElementById('IMG1').offsetTop + ' X:' + document.getElementById('IMG1').offsetLeft ); }
その他の回答 (1)
- EUR
- ベストアンサー率61% (29/47)
スタイルでtopとleftを指定しないと、 document.getElementById("IMG1").style.top などで取得することはできません。 センタリングを行いたいとのことなので、逆にセンターの場所を割り出すというのはいかがでしょうか？ function MoveToCenter(OBJ) { var WindowWidth = screen.width;//ウインドウ幅 var ObjectWidth = OBJ.width;//画像等の幅 OBJ.style.left = (WindowWidth / 2) - (ObjectWidth / 2); } <body onLoad="MoveToCenter(document.getElementById('IMG1'))" onResize="MoveToCenter(document.getElementById('IMG1'))"> … <A href="www.aaa.com" onMouseOver="zahyou()"> <IMG src="aaa.gif" id="IMG1" style="position: absolute;"> …
お礼
ありがとうございます！！確かにセンターからの位置関係で取得出来ますね♪参考になりました。
お礼
ありがとうございます！！ずばりこの通りで 出来ました！！