function getBounds(element)
{
var left = element.offsetLeft;
var top = element.offsetTop;
for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
{
left += parent.offsetLeft;
top += parent.offsetTop;
}
return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}
JavaScript - объекты
Подскажите, пожалуйста, каким образом можно получить абсолютные координаты объекта на странице, используя JavaScript?
И: Как динамически изменить содержимое div-контейнера?
И: Как динамически изменить содержимое div-контейнера?
если я не ошибаюсь (за ошибку меня гуру покарают :)), то координаты ты можешь получить только тогда, когда они у тебя установлены....
[html]
<script language="JavaScript">
function getTop(id) {
return document.getElementById(id).style.top;
}
function getLeft(id) {
return document.getElementById(id).style.left;
}
</script>
[/html]
а содержимое div вот так
[html]
<script langage="JavaScript">
function ButtonClick(text) {
document.getElementById('container').innerHTML = text;
}
</script>
<div id="container">Нажмите кнопку</div>
<input type="button" onclick="java script:ButtonClick('Вы нажали на кнопку')" value="Click Me">
[/html]вот как бы вот так :)
[html]
<script language="JavaScript">
function getTop(id) {
return document.getElementById(id).style.top;
}
function getLeft(id) {
return document.getElementById(id).style.left;
}
</script>
[/html]
а содержимое div вот так
[html]
<script langage="JavaScript">
function ButtonClick(text) {
document.getElementById('container').innerHTML = text;
}
</script>
<div id="container">Нажмите кнопку</div>
<input type="button" onclick="java script:ButtonClick('Вы нажали на кнопку')" value="Click Me">
[/html]вот как бы вот так :)
Код:
По аналогии можно сделать функции для получения только нужных координат. Взято с http://xpoint.ru/know-how/JavaScript/PoleznyieFunktsii?comments
Там ещё много чего полезного ;)