Координаты элемента на странице
5 декабря 2007, 17:51
Автор: Александр Бурцев [bur]
Для любого HTML-элемента (div, img, a...) можно определить координаты верхнего левого угла, воспользовавшись всего одной функцией:
© Все права на данную статью принадлежат порталу webew.ru. Перепечатка в интернет-изданиях разрешается только с указанием автора и прямой ссылки на оригинальную статью. Перепечатка в печатных изданиях допускается только с разрешения редакции.
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"
);
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. Перепечатка в интернет-изданиях разрешается только с указанием автора и прямой ссылки на оригинальную статью. Перепечатка в печатных изданиях допускается только с разрешения редакции.
