Форум

ner2000 · #1 (**permalink**) 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?

Андрей Параничев · #2 (**permalink**) 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 · #3 (**permalink**) 14.06.2008, 01:56

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

Форум

Справочник

Discord чат

Курсы javascript