WEB相談室

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

タイトル:ハイパーリンクの座標

0:[投稿] am [2003/04/12 18:13 ][環境:IE6,NN4,WinXP UNIX,Apache]

下記を実行すると、ハイパーリンクの座標を取得することができますが、
ネットスケープでしか動作しません。
IEで同じ結果を得るには、どのようにすれば良いでしょうか?


<html>
<body>

<a href="link.htm">link</a><br><br>

<SCRIPT Language="JavaScript">
<!--
document.write("X=" + document.links[0].x);
document.write(":Y=" + document.links[0].y);
// -->
</SCRIPT>

</body>
</html>


1:[回答] gun [2003/04/15 11:23 ]

このHTMLの場合に限っての場合になりますが、
IEでの座標を取るなら、
    document.write("X=" + document.links[0].offsetLeft);
    document.write(":Y=" + document.links[0].offsetTop);
とすれば良いと思います。
(ただし、これはネスケでは結果を得られません)

ただ、テーブル内にリンクを置いた場合だと、得られる結果は
テーブル内での座標になってしまいますので注意です。


2:[回答] am [2003/04/16 17:55 ]

素晴らしい!!
gunさんありがとうございます。

> ただ、テーブル内にリンクを置いた場合だと、得られる結果は
> テーブル内での座標になってしまいますので注意です。

でも、何とかスクリーン上の座標も取得したいと考えています。
何か良い方法はないでしょうか?


3:[回答] gun [2003/04/17 12:56 ]

テーブル内のリンクのスクリーン上(ブラウザ内?)の座標を
取得しようとするなら、リンクと同様にテーブルの座標も取得
して足し加えるとどうでしょう?


4:[完了] am [2003/04/24 20:32 ]

返答が遅くなって大変申訳ありません。

> リンクと同様にテーブルの座標も取得して足し加えるとどうでしょう?

そのようなことも可能なんですね!
でも、複雑にテーブルが入り組んだページでは、大変そうですね…。
この辺は、まだまだ勉強不足ですので、また出直してきます。

ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World