タグの位置を取得

JavaScript

こういう仕組みです

 function showPosition( objName )
 {
     // 位置を調べたいオブジェクトを取得する
     o=document.getElementById(objName);  
     
     x=y=0;
     // 親がなくなるまで、親との相対位置を加算し続ける
     while(o!=null&&o.tagName!='BODY'){
         // offsetParent を基準とした相対位置を加算
         x+=o.offsetLeft;
         y+=o.offsetTop;
         // 位置計算上の親の取得
         o= o.offsetParent;
     }
     // xとyにオブジェクトの位置が入っている
 
     // 取得したオブジェクトの上に位置を表示
     var h='<span style=\'z-index:1;left:'+x+'px;top:'+y+'px;position:absolute;'+
        'background-color:white;border:1px solid black;padding:2px;'+
        'filter:alpha(opacity=80);-moz-opacity:0.8;\'>'
        + 'x=' + x + ' y=' + y+'</span>';
     document.body.insertAdjacentHTML('beforeEnd',h);
 }