[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: onmouseover в div
VolDroN
такая проблема, есть правая колонка, код:
        
<div id="right-col" onmouseover="AuthDisplay()" onmouseout="AuthDisplayNone()">

<div
id="auth">

<form
action="/login.php" method="post">

<input
type="text" name="login" placeholder="Логин" maxlength="30" /><br />

<input
type="password" name="password" placeholder="Пароль" maxlength="30" /><br />

<div
id="auth-reference"></div>

</form>

</div>
</div>



при наведении на эту колонку, в <div id="auth-reference"> должна появляться ссылка (с помощью js, всё работает, она появляется)
но. почему-то при на ведении мышки на auth-reference ссылка мигает.
Т.е. onmouseover в div не распространяется на вложенные div ы?



Спустя 8 минут, 23 секунды (5.08.2011 - 10:29) Michael написал(а):
при заходе на дочерние элементы идет выход из родительского.
Это так в js сделано.
В jquery специально для этого события "правильные" сделаны - muuseenter и mouseleave вместо mouseout и mouseover

Спустя 8 минут, 26 секунд (5.08.2011 - 10:37) VolDroN написал(а):
А без jquery возможно ли это сделать?

Спустя 27 минут, 20 секунд (5.08.2011 - 11:04) ApuktaChehov написал(а):
obj.onmouseout = function(event) 
{
var event = event || window.event;
var who = event.target || event.srcElement;
var relTarg = event.relatedTarget || event.toElement;
}


Посмотрите что возвращают who и relTarg. Я уже не помню, но один из них возвращают объект на которые был наведен курсор мыши. После этого можно проверить является ли этот объект потомком obj. Если является, то ничего не делаем, а если не является(т.е. находиться не внутри obj), то что-то делаем.

Спустя 2 минуты, 1 секунда (5.08.2011 - 11:06) Michael написал(а):
да, target надо проверять.
Но, получив target надо проверить, является ли он потомком твоего элемента. Цикл надо вверх стартовать от элемента.

Спустя 3 минуты, 44 секунды (5.08.2011 - 11:10) VolDroN написал(а):
Всем спасибо, пойду разбираться smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.