Поиск 

Как узнать положение элемента на странице (определение координат элемента)?

Вторник, Январь 12, 2010 г.
function getElementPosition(elemId)
{
   var elem = document.getElementById(elemId);

   var w = elem.offsetWidth;
   var h = elem.offsetHeight;

   var l = 0;
   var t = 0;

   while (elem)
   {
     l += elem.offsetLeft;
     t += elem.offsetTop;
     elem = elem.offsetParent;
   }

   return {"left":l, "top":t, "width": w, "height":h};
}

Функция возвращает объект со свойствами left, top, width, height, определяющими координаты элемента относительно верхнего угла страницы, а так же его размеры.

Пример:

pos = getElementPosition("myDiv");
var left = pos.left;
var top = pos.top;
...

Взято с www.tigir.com
Теги: JavaScript Автор: Xenta | Просмотров: 3430 | Нет комментариев | print |

Похожие статьи

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1955     2.98   
  2     pobeda   486     2.99   
  3     Tais   444     3.13   
  4     Foma   139     2.9   
  5     Lubov   52     2.88   
  6     Angel   45     2.95   
  7     Dolores   45     2.75   
  8     Paradiz   31     2.83   
  9     Xenta   29     2.84   
  10     Pryanik   26     2.78   
все авторы 
Последние статьи

Постный суп

Вторник, Апрель 12, 2016 г.
|
Луна | 1062 |

Как провести вечер самой?!

Четверг, Декабрь 24, 2015 г.
|
AMarushchak | 1633 |

Что такое правильное питание?

Четверг, Декабрь 24, 2015 г.
|
AMarushchak | 1781 |

Сделай еду вкуснее

Вторник, Декабрь 15, 2015 г.
|
AMarushchak | 1441 |

Мужчины в которых не надо влюблятся

Вторник, Декабрь 15, 2015 г.
|
AMarushchak | 1882 |
Популярные статьи

Мировой океан

Вторник, Май 11, 2010 г.
|
Tais | 50400 |

Описание картин

Четверг, Май 27, 2010 г.
|
Tais | 50329 |

Материки

Вторник, Май 11, 2010 г.
|
Tais | 300794 |

Сказка про Золушку

Вторник, Январь 25, 2011 г.
|
pobeda | 17133 |

Лондонский тауэр

Понедельник, Февраль 28, 2011 г.
|
pobeda | 10352 |

Реклама

веб сайт, разработка сайтов, css, html, php, mySQL, админка, создание сайта, хостинг, доменное имя, сайт визитка, сайт каталог, информационный сайт, корпоративный сайт, интернет магазин, портал, поддержка сайтов

Облако тегов