Поиск 

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

Вторник, Январь 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 | Просмотров: 3491 | Нет комментариев | print |

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

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1958     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.82   
  9     Xenta   29     2.84   
  10     Serdjio   25     2.89   
все авторы 
Последние статьи

Медицинское освидетельствование

Понедельник, Март 20, 2017 г.
|
Луна | 30 |

Мясной рулет

Суббота, Март 11, 2017 г.
|
Луна | 75 |

Блинчики без дрожжей

Воскресенье, Март 05, 2017 г.
|
Луна | 92 |

Постный суп

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

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

Четверг, Декабрь 24, 2015 г.
|
AMarushchak | 1736 |
Популярные статьи

Внушение

Суббота, Сентябрь 25, 2010 г.
|
Луна | 3850 |

Поэзия Козлова И.И.(2)

Воскресенье, Январь 23, 2011 г.
|
Луна | 1538 |

История Древнего Египта

Вторник, Апрель 05, 2011 г.
|
Луна | 203839 |

Материки

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

Маршак С. Я.

Четверг, Декабрь 30, 2010 г.
|
Луна | 45959 |

Реклама

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

Облако тегов