webew
Войти » Регистрация
 
JavaScript :: Координаты, размеры, ресайз, drag_and_drop

Координаты элемента на странице

5 декабря 2007, 17:51
Для любого HTML-элемента (div, img, a...) можно определить координаты верхнего левого угла, воспользовавшись всего одной функцией:

function absPosition(obj) {
      var x = y = 0;
      while(obj) {
            x += obj.offsetLeft;
            y += obj.offsetTop;
            obj = obj.offsetParent;
      }
      return {x:x, y:y};
}
// Пример:
// Рисуем DIV, координаты которого будем определять
document.write("<div id='divId'>DIV</div>");
var ourDiv = document.getElementById("divId");
// Выводим размеры
document.write(
      "x = " + absPosition(ourDiv).x + "px<br>" +
      "y = " + absPosition(ourDiv).y + "px"
);

// Все права на статью JavaScript::Координаты элемента на странице принадлежат сайту 2007.fastcoder.ru

© Все права на данную статью принадлежат порталу webew.ru. Перепечатка в интернет-изданиях разрешается только с указанием автора и прямой ссылки на оригинальную статью. Перепечатка в печатных изданиях допускается только с разрешения редакции.
Добавить комментарий
© 2008—2017 webew.ru, связаться: x собака webew.ru
Сайт использует Flede и соответствует стандартам WAI-WCAG 1.0 на уровне A.
Rambler's Top100

Реклама: