Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 22.11.2011, 16:36   #1
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
Вопрос Проверка события

Извините за кривое название, но получше ничего не смог придумать.
(Приложил иллюстрацию того, что мне нежно).
В двух словах, нужен аналог блока с лайками [like] (напр. ВК, facebook).

При наведении миши на ссылку (синий квадрат) показывается блок (желтый) [в зависимости от ситуации, либо генерируется, либо просто становится видимым, это наверное не столь важно].
У меня не получается прятать блок, когда пользователь убирает курсор и с сылки и с самого блока.
Проблема именно в том, что блок теряет mouseover при наведении мыши на картинку [оранжевый квадрат].

Может кто сталкивался с подобным? подскажите решение.
Ставить поверх блока прозрачный слой с бОльшим z-index не подходит, ссылки становятся некликабельными


Код, если надо, добавлю ниже, но мне хватит просто на словах рассказать, а не писать что-то за меня)

Заранее спасибо
Изображения
Тип файла: gif pzdcnah.gif (4.9 Кб, 146 просмотров)
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 22.11.2011, 17:16   #2
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Можно желтый контейнер и ссылку поместить внутрь одного спана, для нормальных браузеров тогда можно обойтись средствами css.
Код:
#myspan:hover #yelow_div {display:block}
====================
<span id="myspan"><div id="yelow_div">content</div><a href="#piu-piu">blue</a></span>
Спан в обычном состоянии - строчный элемент и имеет размеры контента, т.е. синей ссылки. При наведении станет видимым желтый блок, который также находится внутри спана, и если нет пространства между желтым и ссылкой, то свойство :hover не пропадет пока курсор будет находиться на одном из них.
Для осликов можно продублировать скриптом.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 22.11.2011, 17:37   #3
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

Спасибо огромное!!!
Вывели из кризиса
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
excel.Проверка VBA и проверка функции Будда Помощь студентам 0 14.04.2011 21:10
события ,их обработки fera JavaScript, Ajax 4 16.12.2010 21:38
События в WPF. Обращение к компонентам формы из события Casper-SC Общие вопросы .NET 3 25.07.2010 19:03
События session Общие вопросы C/C++ 2 21.06.2010 17:16
События yarilo JavaScript, Ajax 3 28.01.2010 23:18