- ベストアンサー
Javascriptでテーブルタグの座標が知りたい(但し、マウスでなく)
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>JavaScriptテスト</title> <script type="text/javascript"> <!-- document.onmousedown = msDown //----------------------------------------------------------------------------- // マウスで座標を取得する //----------------------------------------------------------------------------- function msDown(){ var x = event.x; var y = event.y; alert('x=[' + x + '] y=[' + y + ']'); } // --> </script> </head> <body> テーブルタグの<TD>で左上側の画面上の位置の座標位置を取得したいです。 offsetLeftやoffsetTopでは、例えばテーブルタグの上側に<p>がある場合と無い場合でも同じ値でした。 正しく取得する方法はありますか? <hr> <table cellspacing="0" cellpadding="2" border="1" bgcolor="black"> <tbody> <tr> <td><img src="" width="100" height="100"></td> <td bgcolor="red">この赤のエリアの左上の座標が知りたい(マウスイベントで調べられるが、それを使わずに調べたい) </td> </tr> <tr> <td>456</td> <td><img src="" width="50" hright="50"></td> </tr> </tbody> </table> </body> </html>
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
http://www.google.co.jp/search?q=javascript%20offsetx&hl=ja&lr=lang_ja offsetLeftじゃなくてoffsetXかも
その他の回答 (1)
- taketan_mydns_jp
- ベストアンサー率58% (450/773)
マウスイベントやスクロールイベントなら簡単だけど、この手は一見簡単そうで実は手強いですよね。 prototype.jsのこの辺は試してみましたか? http://www.openspc2.org/JavaScript/Ajax/ref/prototype.js/ver1.4/ref/Position/cumulativeOffset/index.html