ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [HTML JS] Мерцание с onMouseOver/onMouseOut
10 сообщений из 10, страница 1 из 1
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435094
JOIN
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JOIN
Участник
Всем доброго дня. В общем проблема в следующем:
1. Есть картинка:

Код: html
1.
<img id="region_dir"  src="region.png" style="display: none;"/>



2. Есть отмеченная область:

Код: html
1.
2.
3.
<MAP NAME="maps0">
 <AREA  onMouseOver="showArea()" onMouseOut="hideArea()"   SHAPE="rect" COORDS="128,275,188,298" HREF="1" > 
</MAP>



3. Есть JS функции:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
 function showArea(){
           $("#region_dir").css({'display':'block','z-index':'1'});
        } 
     
function hideArea(){
            $("#region_dir").css('display','none');
       }
       
 }




При наведении на область необходимо отобразить картинку, после того как курсор покидает область картинка скрывается. В моём случаи картинка отображается, но если не быстро перемещать курсор мыши по области, картинка то пропадает то появляется, другими словами срабатывает событие: onMouseOver / onMouseOut , в тот момент когда курсор еще в отмеченной области, наблюдается эффект мерцания. Подскажите пожалуйста, как можно избежать такой проблемы?

З.Ы Просьба не пинать в сторону гугла или яши. В гугле искал, видел ситуацию с мерцанием, но там ситуация была див внутри его вложенный, спрятанный див и решение их проблем мне не помогло. AREA себя по другому ведет. Подскажите словом по теме, Спасибо.
...
Рейтинг: 0 / 0
21.10.2013, 10:05
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435299
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
JOIN,

а сделать задержку на пару милисекунд для хиде не поможет?
...
Рейтинг: 0 / 0
21.10.2013, 12:24
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435384
JOIN
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JOIN
Участник
Zoria,

На мой взгляд ущербно юзать в этом случаи задержки. Сделал с помощью куков. Заносим координату в куки, вызывает повторное событие если координаты те же то ничего не делаем, если координаты изменились значит мы ушли с области, обнавляем куки и собственно убираем картинку. Ничего не дергается и работает.
Всем спасибо.
...
Рейтинг: 0 / 0
21.10.2013, 13:06
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435411
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
JOIN,

ну если вам куки менее ущербными в данном случае кажутся..
...
Рейтинг: 0 / 0
21.10.2013, 13:20
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435415
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Konst_One
Участник
а если через .addClass() .removeClass() с предварительной проверкой на текущий?
...
Рейтинг: 0 / 0
21.10.2013, 13:21
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435530
JOIN
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JOIN
Участник
Konst_One,

Видно вы суть проблемы не поняли. Проблема в том что функция showArea() вызывается при наведении на область, а при малейшем передвижении курсора вызывается hideArea(), соответственно картинка то появлялась то убиралась. Добавлять класс к картинке при появлении потом проверять при скрытии это на один раз, т.е картинка будет моргать из-за многократного вызова функций.
...
Рейтинг: 0 / 0
21.10.2013, 14:14
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435538
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
"Ущербные" микропаттерны оптимизации в Javascript: декораторы функций debouncing и throttling
...
Рейтинг: 0 / 0
21.10.2013, 14:19
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435549
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
JOINПроблема в том что функция showArea() вызывается при наведении на область, а при малейшем передвижении курсора вызывается hideArea(), соответственно картинка то появлялась то убиралась.А почему так происходит?
...
Рейтинг: 0 / 0
21.10.2013, 14:23
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435687
JOIN
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JOIN
Участник
skyANA,

тынц....
...
Рейтинг: 0 / 0
21.10.2013, 15:29
| Ответить | Цитировать | Написать  
[HTML JS] Мерцание с onMouseOver/onMouseOut
    #38435753
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
JOINskyANA,

тынц....

Мне-то это зачем, у меня нет проблем с дребезгом. Вы сами-то разобрались, почему так происходит?
...
Рейтинг: 0 / 0
21.10.2013, 16:06
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [HTML JS] Мерцание с onMouseOver/onMouseOut
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38435094&tid=1447766]:
 0ms
get settings:
 11ms
get forum list:
 21ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 182ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 55ms
get tp. blocked users:
 1ms
others: 233ms
total:  526ms
созд. / загр.: 526ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]