VPF::определение координат курсора

Alix36

Дата 28.10.2007, 20:23 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 478
Регистрация: 6.11.2006

Репутация: нет
Всего: 3

есть слой в нем картинки, при наведении курсора на картинку, должна всплывать другой слой. в принципе он всплывает, но не там.

Код


infos=function(tip,t){
    var ex = t.clientX + document.body.scrollLeft;
    var ey = t.clientY + document.body.scrollTop;
    var s=document.getElementById(tip);
    var a=getPosition(t);
    s.style.left=ex;
    s.style.top=ey;
    s.style.visibility='visible';
}

infod=function(tip){document.getElementById(tip).style.visibility='hidden';}

Код


<img src="/item/в.gif"  width="55" height="45" onmouseover="infos(''<? echo $d[0]; ?>,this)" onmouseout=infod('<? echo $d[0]; ?>') border="1" >

Траблы.
1) почему-то подсказка не смещается по оси Х(ТОП)
2)если подвинуть скролл в диве, то увеличится расстояние между подсказкой и картинкой.
Требуется найти координаты курсора относительно окна. Можно это сделать как-нибудь?

ПС
пробывал через это.

Код


function getPosition(o){var x=y=0;
    while(o){x+=o.offsetLeft;y+=o.offsetTop;o=o.offsetParent;}
return[x,y]};

Абсолютно такой же результат.

--------------------

Наши лица как дым, И никто не узнает как мы победим. (С)Пикник.

GIK

Дата 1.11.2007, 15:28 (ссылка)

(нет голосов)

Загрузка ...

Добрый человек

Профиль
Группа: Участник
Сообщений: 985
Регистрация: 3.6.2005
Где: я только не небыв ал

Репутация: 6
Всего: 14

на браузерность проверял?

Код


<html>
<head>
 <script language="javascript">
 <!--

d=document;
FF=!d.all; //геко?
var t,l; 

function infos()
{ 
 alert(t=FF?e.pageY:event.y);
 alert(l=FF?e.pageX:event.x);
 
 d.getElementById("imagisss").style.top=t+12;
 d.getElementById("imagisss").style.left=l+12;

}

 //-->
</script>
</head>

<body>

<img src="/item/в.gif"  width="55" height="45" id="imagisss" style="position:absolute;top:10;left:10;"onmouseover="infos()">

</body>
</html>

--------------------

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

Alix36

Дата 18.11.2007, 13:35 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 478
Регистрация: 6.11.2006

Репутация: нет
Всего: 3

Код


function getCoords(obj){
    var o=typeof(obj) == 'string' ? gebi(obj) : obj
    var ret={'l':o.offsetLeft,'t':o.offsetTop,'w':o.offsetWidth,'h':o.offsetHeight}
    while(o=o.offsetParent){
        ret.l+=o.offsetLeft
        ret.t+=o.offsetTop
    }
    return ret
}

Код


var s=getCoords(t)
    var y = e.clientY + document.body.scrollTop
    var x = s.l + s.w
    var s=document.getElementById(tip);
       s.style.left=x-20;
    s.style.top=y-20;

--------------------

Наши лица как дым, И никто не узнает как мы победим. (С)Пикник.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »