<body>
<div style = "position:absolute; left:10px;">
<div style = "position:absolute; left:10px;">
<p id = "needElement">TEXT</p>
</div>
</div>
</body>
как узнать позицию элемента "needElement" относительно края документа?
offsetLeft и style.left выводят "0".
Спустя 4 минуты, 57 секунд (24.01.2012 - 13:45) Winston написал(а):
<body>
<div style = "position:absolute; left:10px;">
<div style = "position:absolute; left:10px;">
<p id = "needElement" OnMouseOver="alert(this.offsetParent.offsetLeft);">TEXT</p>
</div>
</div>
</body>
Спустя 6 минут, 35 секунд (24.01.2012 - 13:51) stweet написал(а):
Прошу прощения, в данной ситуации как поступить?
<div style="padding:5px; border:#999 1px solid;">
<div>
<p id = "needElement" OnMouseOver="alert(this.offsetParent.offsetLeft);">TEXT</p>
</div>
</div>
Спустя 3 минуты, 43 секунды (24.01.2012 - 13:55) Winston написал(а):
| Цитата (stweet @ 24.01.2012 - 12:51) |
| this.offsetParent.offsetLeft |
Заменить на this.offsetLeft
Спустя 33 минуты, 24 секунды (24.01.2012 - 14:28) redreem написал(а):
это все не кроссбраузерные решения. некоторые считают офсет от родителя, а некоторые от документа.
Спустя 12 минут, 22 секунды (24.01.2012 - 14:41) stweet написал(а):
Ещё раз извините, в такой ситуации как поступить?
<style>
.fbftcn
{
padding:5px;
border:#999 1px solid;
}
</style>
<div class="fbftcn">
<div id="freePanel" class="fbftcn"></div>
</div>
<script type="text/javascript">
var div_01 = document.createElement("div");
div_01.id = "fbft1";
div_01.className = "fbftcn";
div_01.innerHTML = "TEXT";
div_01.addEventListener("mousedown", mousedown);
var div_02 = document.createElement("div");
div_02.id = "fbft2";
div_02.className = "fbftcn";
div_02.appendChild(div_01);
$("freePanel").appendChild(div_02);
function $ (id)
{
return document.getElementById(id);
}
function mousedown (e)
{
alert(div_02.offsetLeft);
}
</script>
Спустя 4 минуты, 7 секунд (24.01.2012 - 14:45) redreem написал(а):
Спустя 2 минуты, 49 секунд (24.01.2012 - 14:48) redreem написал(а):
Спустя 4 минуты, 8 секунд (24.01.2012 - 14:52) redreem написал(а):
ну и если думать лень, то вот:
http://jquery.page2page.ru/index.php5/Позиция_элемента
http://jquery.page2page.ru/index.php5/Позиция_элемента
_____________
Спросишь, дурак на минуту. Если не спросишь, дурак на всю жизнь!