Поиск 

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

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

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

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1961     2.97   
  2     pobeda   487     2.98   
  3     Tais   444     3.12   
  4     Foma   139     2.91   
  5     Lubov   52     2.9   
  6     Angel   45     2.93   
  7     Dolores   45     2.77   
  8     Paradiz   31     2.84   
  9     Xenta   29     2.82   
  10     Pryanik   26     2.79   
все авторы 
Последние статьи

Весняний дощ

Воскресенье, Май 21, 2017 г.
|
pobeda | 241 |

Вода и жизнь

Воскресенье, Май 21, 2017 г.
|
Луна | 246 |

Торт "Пьяная вишня"

Вторник, Май 09, 2017 г.
|
Луна | 304 |

Голубцы с грибами

Четверг, Апрель 20, 2017 г.
|
Луна | 311 |

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

Понедельник, Март 20, 2017 г.
|
Луна | 492 |
Популярные статьи

Елизавета Кингстон

Вторник, Август 10, 2010 г.
|
Луна | 1037 |

Арктика

Воскресенье, Март 27, 2011 г.
|
Луна | 9013 |

Япония

Воскресенье, Март 27, 2011 г.
|
Луна | 2232 |

Юрген Шнайдер

Понедельник, Август 16, 2010 г.
|
Луна | 889 |

Александр Македонский

Пятница, Август 27, 2010 г.
|
Луна | 10147 |

Реклама

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

Облако тегов