Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Позиционироание элемента на странице...

Сообщения:  [1-6] 

 
 автор: golovdinov   (15.05.2007 в 18:30)   письмо автору
 
   для: CNT   (15.05.2007 в 18:00)
 

Спасиба большое!

   
 
 автор: 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>

   
 
 автор: golovdinov   (15.05.2007 в 16:51)   письмо автору
 
   для: CNT   (15.05.2007 в 15:39)
 

Не могли бы вы пример написать? а то я в JavaScript не силен.

   
 
 автор: Lelik   (15.05.2007 в 15:46)   письмо автору
 
   для: 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>)

   
 
 автор: CNT   (15.05.2007 в 15:39)   письмо автору
 
   для: golovdinov   (15.05.2007 в 15:31)
 

Вариант один (если это не вложенные друг в друга элементы и не последовательно идущие друг за другом):
1. определяете абсолютные координаты (top и left) первого элемента - через offsetParent вплоть до тега <HTML>;
2. назначаете второму элементу position: absolute и выставляете ему те же top и left с нужным вам смещением

   
 
 автор: golovdinov   (15.05.2007 в 15:31)   письмо автору
 
 

Подскажите пожалуйста, как прилипить например ДИВ к какому-либо эл-ту на странице (другой ДИВ или ссылка и т.д.). Т.е. идея в том, чтобы установить его координаты относительно чего-либо. Надеюсь понятно выразился :) Заранее спасиба.

   

Сообщения:  [1-6] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования