IE6.0でのオブジェクト座標の動的取得

解決済

質問者：MO2004
質問日時：2005/06/15 06:56
回答数：2件

ホームページを作る際にJavaScriptでIE6.0でオブジェクトの座標を取得したいと思っています。以下のようにしてstyleでtop、leftを指定していない場合でも座標取得は可能でしょうか。センタリングを有効にしたいので、スタイル指定が出来ないのですが…。

例）以下のIMGタグの座標を取得したい
<CENTER>
<A href="www.aaa.com" onMouseOver="zahyou()">
<IMG src="aaa.gif" id="IMG1">
</A>
</CENTER>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： steel_gray
回答日時：2005/06/15 10:43

offsetTop,offsetLeftなどで取得できます。

（参考URL）

function zahyou() {
alert( 'Y:' + document.getElementById('IMG1').offsetTop
+ ' X:' + document.getElementById('IMG1').offsetLeft );
}

参考URL：http://www.microsoft.com/japan/developer/library …

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！！ずばりこの通りで
出来ました！！

通報する

お礼日時：2005/06/15 17:03

No.1

回答者： EUR
回答日時：2005/06/15 09:25

スタイルで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;">
…