Показать сообщение отдельно
  #1 (permalink)  
Старый 22.02.2011, 13:09
Аспирант
Отправить личное сообщение для peter888 Посмотреть профиль Найти все сообщения от peter888
 
Регистрация: 24.07.2009
Сообщений: 60

Координаты елемента после прокрутки страницы
Здавствуйте.
Помогите, пожалуйста, со скриптом.
Мне надо: когда подвести мышку под ссылку, то под ней должен появится блок div (типа под-меню).

Вот что сделал:
function getElementPosition(elemId)
{
    var elem = document.getElementById(elemId);
    
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
    
    var l = 0;
    var t = 0;
    
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return {"left":l, "top":t, "width": w, "height":h};
}

function list_over(el)
{	 
	pos = getElementPosition(el); 
	var left = pos.left;
	var height = pos.height;
	var top = pos.top;

	document.getElementById('blok_1').style.left = left; 
	document.getElementById('blok_1').style.top = top+height-3; 
	document.getElementById('blok_1').style.visibility = 'visible'; 
}

function l_over()
{		  
	document.getElementById('blok_1').style.visibility = 'visible'; 
}

function list_out()
{		 
	document.getElementById('blok_1').style.visibility = 'hidden';
}

Есть сслыка под которой надо вывести блок (div):
<a href="#" id="menu1" onmouseover="list_over('menu1')" onmouseout="list_out()">Ссылка первая</a>

Сам div:
<div id="blok_1" onmouseover="l_over()" onmouseout="list_out()" class="podmenu">
- <a href="1" class="url_none">111111</a><br>
- <a href="2" class="url_none">2222222</a><br>
- <a href="3" class="url_none">333333333</a>
</div>

Стиль div’a:
div.podmenu{
  border: 1px solid olive; 
  padding: 7px; 
  visibility: hidden; 
  position: fixed; 
  _position: absolute; 
  background: white;
}

Все это работает нормально во всех "основных" браузерах,
НО когда прокрутить страницу вниз, то в Мозиле блок div остается на том же месте (в ИЕ все нормально), то-есть не появляется под ссылкой.

Вопрос: как сделать, чтоб в Мозиле этот div появился именно под ссылкой не зависимо от того, прокрутили мы страницу вниз или нет?
Возможно проблема даже не в яваскрипте, а в css, помогите разобраться, плиз...
Ответить с цитированием