Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Определить координаты объекта в таблице (https://javascript.ru/forum/events/1306-opredelit-koordinaty-obekta-v-tablice.html)

ner2000 14.06.2008 01:04

Определить координаты объекта в таблице
 
Подскажите, как определить абсолютные координаты (от верхнего левого угла браузера) картинки, которая вставлена в таблицу на странице!
т.е. как в коде:
<html>
<head>
<title>index</title>
</head>
<body>
<table>
 <tr>
  <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
 </tr>
 <tr>
   <td>&nbsp;</td>
   <td>
   <img src="pic.jpg" width="800" height="400" id=img_self>
   </td>
   <td>&nbsp;</td>
 </tr>
 <tr>
   <td>&nbsp;</td>
   <td>&nbsp;</td>
   <td>
   </td>
 </tr>
</table>
</body>
</html>


определить координаты img_self?

Андрей Параничев 14.06.2008 01:19

ner2000,
var img = document.getElementById("img_self");
var left = img.offsetLeft;
var top = img.offsetTop;
var parent = img.offsetParent;
while(parent && parent.tagName != "BODY")
{
   left += parent.offsetLeft;
   top += parent.offsetTop;
   parent = parent.offsetParent;
}
alert([left, top]);

ner2000 14.06.2008 01:56

Отлично! Спасибо огромное!


Часовой пояс GMT +3, время: 02:56.