Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [HTML JS] Мерцание с onMouseOver/onMouseOut / 10 сообщений из 10, страница 1 из 1
21.10.2013, 10:05
    #38435094
JOIN
JOIN
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[HTML JS] Мерцание с onMouseOver/onMouseOut
Всем доброго дня. В общем проблема в следующем:
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, 12:24
    #38435299
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
[HTML JS] Мерцание с onMouseOver/onMouseOut
JOIN,

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

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

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

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

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

тынц....

Мне-то это зачем, у меня нет проблем с дребезгом. Вы сами-то разобрались, почему так происходит?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / [HTML JS] Мерцание с onMouseOver/onMouseOut / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 323ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447766]:
 0ms
get settings:
 10ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 46ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 201ms
total:  323ms
x
x
Закрыть


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