Координаты элемента страницы
Вторник, 17 февраля 2009 г.
Рубрика: Программирование
Метки: javascript | программирование | сайт
Просмотров: 856
Подписаться на комментарии по RSS
Рубрика: Программирование
Метки: javascript | программирование | сайт
Просмотров: 856
Подписаться на комментарии по RSS
Делал для родной конторы мелкий сайтик заявок. Понадобилось позиционировать появляющуюся форму ввода комментария на странице. С самим позиционированием все ок, а вот с определением места, куда позиционировать, чтобы форма появилась на экране, а не где-нибудь за пределами его, возникли некоторые осложнения.
Вроде бы все понятно — юзер щелкнул по кнопке, чем инициировал соответствующее событие. Следовательно, где-то есть координаты указателя мыши в момент щелчка и координаты кнопки, по которой щелкнули. Однако, найти координаты мыши в JavaScript не удалось. Брат Гугл тоже мало чем смог помочь в этом отношении. Зато координаты элементов вычисляются на раз-два.
function offsetPosition(element) {
var offsetLeft = 0, offsetTop = 0;
do {
offsetLeft += element.offsetLeft;
offsetTop += element.offsetTop;
} while (element = element.offsetParent);
return [offsetLeft, offsetTop];
}
Используя эту функцию, я смог спозиционировать форму на уровень нажатой кнопки.




