VPF::mouseout странно работает - Форум программистов

Noviy

Дата 8.2.2010, 22:24 (ссылка)

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

Загрузка ...

Шустрый

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

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

Есть форма авторизации. И скрипт, который скрывает форму, если курсор выйден за пределы #authorizing_block. Старнность в том, что курсор "заходит" в блок, всего на несколько пикселей от края(по периметру), дальше форма скрывается(как будто, вложеные элементы выходят за границы authorizing_block ). Firebug показывает, что вложеная форма, за границы родителя не выходит.

Код


<div class="popup" id="authorizing_block">
  <form action="{SERVER_PATH}login/auth" method="POST">
   <table>
     <tr>
       <td>Логин</td>
       <td colspan="2"><div class="popup_border"><div><div>
           <input type="text" name="login" size="25" /></div></div></div></td>
     </tr>
     <tr>
       <td>Пароль</td>
       <td colspan="2"><div class="popup_border"><div><div>
           <input type="password" name="passwd" size="25" /></div></div></div></td>
     </tr>
     <tr>
       <td></td>
       <td class="td_popup_link">
         <a class="popup_link" href="{SERVER_PATH}registration">Регистрация</a><br />
         <a class="popup_link" href="{SERVER_PATH}login/forgot">Забыли пароль?</a>
       </td>
       <td class="popup_enter">
           <input type="hidden" name="refer" value="{PARENT_PAGE}" />
           <input type="hidden" name="get1" value="{GET1_VALUE}" />
           <input type="hidden" name="get2" value="{GET2_VALUE}" />
           <input type="submit" name="enter" value="Войти" /></td>
     </tr>
   </table>
  </form>
</div>

Код


$(document).ready(function(){
         $('#authorizing_block').mouseout(function() {
                hideAuthorizingBlock();
        });
});

function hideAuthorizingBlock(){
  var block = document.getElementById('authorizing_block');
  if(block)
    block.style.display = 'none';
}

IDVsbruck

Дата 8.2.2010, 23:05 (ссылка)

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

Загрузка ...

Опытный

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

Репутация: 8
Всего: 22

Забудь про mouseout и mouseover, у jQuery есть mouseleave и mouseenter.

12345c

Дата 9.2.2010, 01:46 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

IDVsbruck не пояснил: mouseout активируется, когда указатель мыши входит/выходит в/из дочернего элемента, в то время как mouseleave этого не делает.

http://jquery-docs.ru/Events/mouseleave/

Если делать без jQuery, надо ставить cancelBubble/stopPropagation() на всех children 1-го уровня.

Это сообщение отредактировал(а) 12345c - 9.2.2010, 02:00

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Noviy

Дата 9.2.2010, 07:58 (ссылка)

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

Загрузка ...

Шустрый

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

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

Благодарю

Noviy

Дата 9.2.2010, 10:47 (ссылка)

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

Загрузка ...

Шустрый

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

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

Увы, при попадании на <input type="text"... Блок скрывается :(

12345c

Дата 9.2.2010, 13:25 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

При mouseleave на внешнем блоке?

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Noviy

Дата 9.2.2010, 13:27 (ссылка)

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

Загрузка ...

Шустрый

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

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

при переходе на вложенный блок.

12345c

Дата 9.2.2010, 14:24 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

При mouseleave на внешнем блоке?
Или при museout?
При втором - так и должно быть (всплывание событий).

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

Noviy

Дата 9.2.2010, 23:18 (ссылка)

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

Загрузка ...

Шустрый

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

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

при mouseleave

12345c

Дата 10.2.2010, 12:32 (ссылка)

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

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Значит, в библиотеке недоработано. Поставьте на input явный перехват события onmouseout с return false; .

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

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

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