objectの座標が取れない。

質問

JavaScriptを利用して、画面に仕込んだタグをポップアップのように
呼び出したいと思っています。
以下、概略ですが

<div id ="test1" style="display:none;">テスト</div>

<a href="javascript:balOpen(this,number)">呼び出し</a>

以下js

function balOpen(obj,number)
{
document.getElementById('test' + number).style.display = 'block';

var positionX;
var positionY;

positionX = getLocation(obj, 'X');
positionY = getLocation(obj, 'Y');

}

画面をスクロールした際でも、画面中央に出したいので、座標を見て
tes1のleftとtopを調整したいと思っています。
しかし、上記のような書き方をしても、X、Yの座標が取れず困っています。
何か良いやり方があれば教えていただけないでしょうか。
宜しくお願いします。

回答No.2

fujillin · ベストアンサー

#1です。

＞やりたいのは、常にブラウザの中央に出す、です。
でしたら、#1の最後に書きましたが、スクロールの量とブラウザ画面のサイズ、及び対象要素のサイズから位置を計算することになるでしょう。
個々の値の取得についてはこのあたりをご参考に。
http://archiva.jp/web/javascript/get_page-size.html

ブラウザ間の差異を吸収するのが面倒な時は、jQueryなどのライブラリを利用するという方法もあります。
いずれにしろ、検索すればいろいろ情報が見つかることと思います。

ちゃんと動くか確認していませんが、ご参考までに。（ちょっと怪しいかも）
http://www.mwsoft.jp/programming/javascript/center_dialogue.html
http://d.hatena.ne.jp/d4-1977/20080303/1204537035

回答No.1

fujillin

省略されているところがわからないので、なんともいえませんが…

呼び出し元が
　balOpen(this,number)
となっていますが、numberの内容（値）はいつ定義されているのだろうか？

getLocation()関数の内容はどのように定義されているのだろうか？

よくわかっていませんが…

＞X、Yの座標が取れず困っています
要素のleft、topがCSSで指定されていて、その値を取得したいのであればこのあたり（↓）を、
http://kurusugawa.jp/2008/03/03/javascript%e3%81%a7css%e3%81%ae%e3%83%97%e3%83%ad%e3%83%91%e3%83%86%e3%82%a3%e5%80%a4%e3%82%92%e5%8f%96%e5%be%97%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95/
http://blog.37to.net/2009/04/javascriptcss_from_k/

要素のドキュメント内の位置（座標）を取得したいのであれば、このあたり（↓）を、
http://n-yagi.0r2.net/script/2009/06/post_12.html
http://hkom.blog1.fc2.com/blog-entry-220.html

ヒントにして検索してゆけば、なさりたいことの解説に行き着くのではないかと思います。

＞画面中央に出したいので
というところから想像すると、座標ではなく、スクロールの量とウィンドウのサイズを取得したいのかも…？
その場合は、そのあたりをキーにぐぐってみてください。

補足

getLocationはユーザ定義の関数だったみたいです。
標準のものと勘違いしておりました。
numberは、実際にはASPのループ内で呼び出されて
おり、その時に番号が入ります。
実際にはtest1、test2…と、ループの数ぶん出来る予定です。

やりたいのは、常にブラウザの中央に出す、です。
画面中央に出すサンプルは見つかるのですが…。