Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей.
Здесь обсуждаются безопасность, программирование, технологии и многое другое.
Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
 |
|
js: ак узнать положение левого края объекта |
05.03.2008, 16:18
|
|
Постоянный
Регистрация: 30.12.2006
Сообщений: 434
Провел на форуме:
849583
Репутация:
210
|
|
js: ак узнать положение левого края объекта
PHP код:
<div id="newobj"></div>
<script>
var newobj = GetElementById("newobj");
</script>
Как узнать положение левого края объекта "newobj"
(от левого края экрана, типа Left )
в стилях "newobj" изначально ничего не указано... |
|
|
05.03.2008, 16:31
|
|
Постоянный
Регистрация: 10.12.2005
Сообщений: 939
Провел на форуме:
3886281
Репутация:
929
|
|
Тип обьекта какой? Кнопка?
|
|
|
|
05.03.2008, 16:38
|
|
Постоянный
Регистрация: 30.12.2006
Сообщений: 434
Провел на форуме:
849583
Репутация:
210
|
|
Сообщение от spider-intruder
Тип обьекта какой? Кнопка?
|
|
|
|
05.03.2008, 16:40
|
|
Постоянный
Регистрация: 10.12.2005
Сообщений: 939
Провел на форуме:
3886281
Репутация:
929
|
|
b=getElementById("Buttonchik");
alert(b.style.top);
alert(b.style.left);
дело в том что если свойство position не absolute то top и left считаются от контейнера в который вложен обьект.
|
|
|
|
05.03.2008, 16:41
|
|
Постоянный
Регистрация: 10.12.2005
Сообщений: 939
Провел на форуме:
3886281
Репутация:
929
|
|
http://www.quirksmode.org/js/findpos.html
|
|
|
|
05.03.2008, 17:04
|
|
Постоянный
Регистрация: 30.12.2006
Сообщений: 434
Провел на форуме:
849583
Репутация:
210
|
|
Сообщение от spider-intruder
b=getElementById("Buttonchik");
alert(b.style.top);
alert(b.style.left);
дело в том что если свойство position не absolute то top и left считаются от контейнера в который вложен обьект.
PHP код:
<script>
var newobj = document.getElementById("newobj");
document.write(newobj.left);
</script>
<div id="newobj"></div>
alert(newobj.style.top); - вообще ничего не выведет, так в style ничего не указано, я же писал
|
|
|
|
05.03.2008, 17:08
|
|
Постоянный
Регистрация: 30.12.2006
Сообщений: 434
Провел на форуме:
849583
Репутация:
210
|
|
все разобрался
document.write(newobjs.offsetLeft);
|
|
|
|
05.03.2008, 18:06
|
|
Постоянный
Регистрация: 14.01.2007
Сообщений: 459
Провел на форуме:
1469995
Репутация:
589
|
|
Для таких случаев, когда не знаешь, какие поля объекта определены:
Код:
var obj = document.getElementById('myobj');
for(i in obj)
{
docunent.write('obj.' + i + ' = ' + obj[i] + '<br />');
}
Сей нехитрый скриптец выведет всю инфу о конкретном элементе |
|
|
|
05.03.2008, 18:39
|
|
Постоянный
Регистрация: 30.12.2006
Сообщений: 434
Провел на форуме:
849583
Репутация:
210
|
|
PHP код:
function getBounds(element)
{
var left = element.offsetLeft;
var top = element.offsetTop;
for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
{
left += parent.offsetLeft - parent.scrollLeft;
top += parent.offsetTop - parent.scrollTop
}
return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}
left_ = getBounds(block1);
document.write(left_.left);
В ИЕ вадает -1...
так же как и и что нужно ие?
не работает когда див находиться в таблице в ячейке
пс getBoundingClientRect - тоже не работает
Последний раз редактировалось Naydav; 05.03.2008 в 19:03..
|
|
|
|
05.03.2008, 19:27
|
|
Постоянный
Регистрация: 30.12.2006
Сообщений: 434
Провел на форуме:
849583
Репутация:
210
|
|
Полный листинг - в ИЕ не работает 
PHP код:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="block2" style="position: absolute; left:0px; top:0px;">block2</div>
<div id="block1" style="margin-left: 230px;">
<script>
var block1 = document.getElementById("block1");
var block2 = document.getElementById("block2");
function getBounds(element)
{
var left = element.offsetLeft;
var top = element.offsetTop;
for (var parent = element.offsetParent; parent; parent = parent.offsetParent)
{
left += parent.offsetLeft - parent.scrollLeft;
top += parent.offsetTop - parent.scrollTop
}
return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
}
var bounds = getBounds(block1);
alert('Coord: ' +
'(' + bounds.left + ',' + bounds.top + ') x ' +
'(' + bounds.width + ',' + bounds.height + ')');
//block2.style.left = '500';
//block2.style.left = block1.offsetLeft+'px';
//block2.style.top = block1.offsetTop+'px';
block2.style.left = bounds.left;
block2.style.top = bounds.top;
</script>
</td>
</tr>
</table>
|
|
|
|
|
|
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|
Линейный вид
