Положение DIV контейнера

SEOProgrammer · 2009-03-19T11:07:51.0000000Z

Здравствуйте Серчевцы! Есть такой div - подсказка <div id="basketinfo" style=" padding:5px; background-color:#FFFF99; display:none; position:absolute; width:200px; border-style:solid; border:solid; border-width:thin;"> Товар добавлен в корзину<br><br> <a onClick="document.getElementById('basketinfo').style.display = 'none'" style="cursor:pointer">Продолжить</a> <a href="/basket/">Перейти в корзину</a> </div> Есть функция показывающая этот div-подсказку при нажатии на картинку. onClick="showDIV(event)" Таиих картинок целый список уходящий вниз страницы. function showDiv(e) { obj = document.getElementById('basketinfo'); obj.style.display = ''; obj.style.left = e.clientX+'px'; obj.style.top = e.clientY+'px'; } Так вот, когда я нахожусь вверху страницы, т.е. если она не прокручена вниз, все нормально, положение DIVа оказывается рядом с картинкой на которую нажимаю, стоит прокрутить страницу вниз, то при нажатии DIV вываливается выше чем нужно. Я понимаю что отсчет идет от начала страницы, как мне узнать на сколько px прокручена страница?

jegx0a

19 марта 2009, 14:03

#11

SEOProgrammer:
Это не выход. Наверняка есть простой способ...

Координаты картинки == положение курсора?

Вот код:


obj = document.getElementById('basketinfo');

obj.style.display = '';

imx = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;

imy = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;

obj.style.left = imx+"px";

obj.style.top = imy+"px";

В IE работает, а вот в Firefox ошибку выдает, но, уверен, разберетесь сами.

Зарабатываю тут (http://www.setlinks.ru/?pid=17004).

SEOProgrammer

19 марта 2009, 17:16

#12

jegx0a:
Координаты картинки == положение курсора?
Вот код:


obj = document.getElementById('basketinfo');
obj.style.display = '';
imx = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX;
imy = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY;
obj.style.left = imx+"px";
obj.style.top = imy+"px";

В IE работает, а вот в Firefox ошибку выдает, но, уверен, разберетесь сами.

Спасибо, у мну все заработало.

event.clientX поменял на e.clientX

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Положение DIV контейнера