|
|
|
|
|
для: CNT
(15.05.2007 в 18:00)
| | Спасиба большое! | |
|
|
|
|
|
|
|
для: golovdinov
(15.05.2007 в 16:51)
| |
<head>
<script>
function mFunc ()
{
var L = T = 0;
var obj = document.getElementById ('myElemFirst');
while (obj.offsetParent)
{
T += obj.offsetTop;
L += obj.offsetLeft;
obj = obj.offsetParent;
}
with (document.getElementById ('myElemSecond').style)
{
position = 'absolute';
left = L + 30; //30 - смещение вправо, можно изменить на нужное
top = T + 40; //40 - смещение вниз, можно изменить на нужное
}
}
</script>
</head>
<body>
<hr>чего-то там на странице<hr>
<div id="myElemFirst" style="width: 300px; height: 70px; background: silver">Ведущий</div>
<hr>чего-то там на странице<hr>
<a href="#" onclick="mFunc (); return false">Сориентировать ведомого по ведущему</a>
<hr>чего-то там на странице<hr>
<div id="myElemSecond" style="width: 100px; height: 40px; background: yellow">Ведомый</div>
<hr>чего-то там на странице<hr>
</body>
|
| |
|
|
|
|
|
|
|
для: CNT
(15.05.2007 в 15:39)
| | Не могли бы вы пример написать? а то я в JavaScript не силен. | |
|
|
|
|
|
|
|
для: golovdinov
(15.05.2007 в 15:31)
| | если див (абсолютно спозиционированый) лежит в каком-либо елементе, он будет отталкиваться от него, если элемент будет иметь свойство стиля position:relative; или position:absolute;
<div style="position:absolute; top:100px; left:100px; width:300px; height:300px; border:1px solid red;">
<div style="position:absolute; top:100px; left:100px; width:100px; height:100px; background:black;"></div>
</div>
|
При отсуствии у родительского элемента, для дива, этих свойств, он будет отталкиваться от элемента, который следует раньше с данными свойствами
<div style="position:absolute; top:100px; left:100px; width:300px; height:300px; border:1px solid red;">
<div style="height:50px; background:green;">
<div style="position:absolute; top:100px; left:100px; width:100px; height:100px; background:black;"></div>
</div>
</div>
|
в противном случае див будет позиционироваться относительно документа (<body></body>) | |
|
|
|
|
|
|
|
для: golovdinov
(15.05.2007 в 15:31)
| | Вариант один (если это не вложенные друг в друга элементы и не последовательно идущие друг за другом):
1. определяете абсолютные координаты (top и left) первого элемента - через offsetParent вплоть до тега <HTML>;
2. назначаете второму элементу position: absolute и выставляете ему те же top и left с нужным вам смещением | |
|
|
|
|
|
|
| Подскажите пожалуйста, как прилипить например ДИВ к какому-либо эл-ту на странице (другой ДИВ или ссылка и т.д.). Т.е. идея в том, чтобы установить его координаты относительно чего-либо. Надеюсь понятно выразился :) Заранее спасиба. | |
|
|
|
|