Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.03.2015, 11:57
Аспирант
Отправить личное сообщение для IONEX Посмотреть профиль Найти все сообщения от IONEX
 
Регистрация: 08.01.2012
Сообщений: 32

Метки для map area при использовании maphilight
Добрый день.
Есть карта регионов с подсветкой area maphilight (тут все ок). Названия городов подписаны путем расстановки ссылок над каждым регионом. Пока мышь находится над area подсветка есть, как перехожу на имя региона подсветка пропадает (оно и понятно почему).

ВОПРОС: как сделать чтобы при наведении на текст подсвечивалась area?
Ответить с цитированием
  #2 (permalink)  
Старый 09.03.2015, 13:21
Аспирант
Отправить личное сообщение для IONEX Посмотреть профиль Найти все сообщения от IONEX
 
Регистрация: 08.01.2012
Сообщений: 32

area и <a> имеют одинаковые значения параметра rel. Поэтому чтобы при наведении на <a> area оставалась активной сделал так:

$('#map_wrap a').on('mouseenter mouseleave', function(){
	rel = $(this).attr('rel');
	var data = $('area[rel$='+rel+']').data('maphilight') || {};
	data.alwaysOn = !data.alwaysOn;
	$('area[rel$='+rel+']').data('maphilight', data).trigger('alwaysOn.maphilight');
})

Последний раз редактировалось IONEX, 09.03.2015 в 13:26.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как указать title при открытии окна через window.open для chrome milvic Opera, Safari и др. 4 15.01.2011 15:18
jQuery поменять CSS цвет для текста при наведении мышью (.text:hover) JooZ jQuery 16 15.11.2010 19:56
Смена картнок при наведении на ссылку (для новостей) vinnie Общие вопросы Javascript 30 03.06.2010 15:16
Не могу добратся к тегам map и area okaterynchuk Internet Explorer 3 05.05.2010 11:28
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 16:06