ТвойWeb :: Версия для печати :: Cлой, двигающийся вместе с курсором

1. lan - 29 Мая, 2005 - 13:56:05 - перейти к сообщению

иде бы достать такой скриптик: слой двигается вместе с курсором.
желательно, чтобы можно было управлять положением слоя относительно курсора (ну там выше, ниже и т.д.).

2. Alfa - 29 Мая, 2005 - 14:51:56 - перейти к сообщению

Запросто.
Тебе Так нужно?

CODE:

function show(id){
itm = document.getElementById(id)
itm.style.top = event.clientY+14
itm.style.left = event.clientX+7
itm.style.visibility = "visible"
}
function hide(id){
document.getElementById(id).style.visibility = "hidden"
}

К тэгу <body> добаляешь onMouseMove="show('myDivision' Подмигивание

"
Функцию hide() используешь если надо скрыть этот слой.

3. lan - 29 Мая, 2005 - 16:02:28 - перейти к сообщению

Alfa пишет:

Тебе Так нужно?

да так. спасибо большое.

4. ETC - 29 Мая, 2005 - 16:29:04 - перейти к сообщению

Alfa пишет:

itm.style.top = event.clientY+14
itm.style.left = event.clientX+7

эээ, это не везде работает...

5. Дмитрий Б. - 29 Мая, 2005 - 22:37:39 - перейти к сообщению

Ну да, так будет лучше:

CODE:

document.getElementById('itm').style.top = window.event.clientY+14;
document.getElementById('itm').style.left = window.event.clientX+7;

6. ETC - 30 Мая, 2005 - 00:50:37 - перейти к сообщению

Дмитрий Б.
Неее, clientX и clientY понимают тока Опера и IE. А Firefox и Netscape понимают через события e.pageX и e.pageY

7. judge - 30 Июня, 2005 - 06:04:58 - перейти к сообщению

Господа. А как решить такую проблему? Вот двигается мой слой, ну хрен с ним. Но почему он НЕ поверх выпадающих списков <select>?
Как тока перекрещивается с этим списком, так под него и залазит. Как его <div> всегда наверх вытащить?
В свойствах DIV-а ставил z-index до опупения большой. Все равно не помогает. Не понял

8. ETC - 30 Июня, 2005 - 06:50:44 - перейти к сообщению

Никак, это невозможно просто.

9. TvoyWeb - 30 Июня, 2005 - 16:16:44 - перейти к сообщению

ETC пишет:

Никак, это невозможно просто.

Помню, такая же ерунда была с хинтами на странице со списком тем.
Так ничего и не решили. Пришлось сносить селекты в сторону Улыбка

10. judge - 26 Сентября, 2005 - 11:48:22 - перейти к сообщению

Кстати ClientY не катит!!!
Попробуйте на маленьком экране, где скроллинг неизбежно появляется. Все тултипы наши в баню убегают.
Вот так надо

CODE:

function move_object( id, x, y )
{
id.style.top = y;
id.style.left = x;
}

function MouseMove( help, deltaX, deltaY )
{
move_object( help, event.x + deltaX, event.y + deltaY );
}

Короче юзайте просто X, Y Улыбка