Выделение area при нажатии

@hoteng · Регистрация: 20.04.2016

Author24 — интернет-сервис помощи студентам

Доброго времени суток, у меня возникла проблема с тегом area , мне не обходимо , чтобы при нажатие не ссылку , он как то выделялся , но я не могу найти какой нибудь атрибут который подсвечивал его или выделял ... border допустим изменяется ,но это ни как не видно .

@mrtoxas · 05.11.2016, 11:43

area выделяется стилем outline

CSS

1
2
3

.area{
  outline-color:red;
}

HTML5

<img alt="cyberforum_logo.png" src="https://www.cyberforum.ru/images/cyberforum_logo.png" usemap="#myMap" width="232" height="50" />
<map name="myMap" id="myMap">
        <area shape="poly" coords="35,47,1,12,34,1,68,14" class="area" href="https://www.cyberforum.ru/" />
        <area shape="poly" coords="66,39,76,15,230,25,228,41,86,46" class="area" href="https://www.cyberforum.ru/" />
</map>

Результат

@hoteng · 06.11.2016, 11:03 **[ТС]**

Спасибо, но у меня в другом проблема , я на событие другого элемента хочу, вызывать выделение ареа.
Вот как выглядит, но увы не работает.

HTML5

1	<area id="point1" shape="rect" coords="180,40,260,100" href="#" alt="Че-то там"/>

Javascript

<script type="text/javascript">
$('#link1').click(onclin);
    function onclin()
    {
    $('#point1').css("outline","red ");
    
        
    }
</script>

@mrtoxas · 06.11.2016, 11:11

Скриптом надо надо не стили задавать, а установить фокус на конкретном area.

Javascript

1	$('#point1').focus();

А цвет выделения задаете через стили.
Кстати, такой вариант тоже сработает, без скрипта:

HTML5

1	<a href="#point1">Click me</a>

@hoteng · 06.11.2016, 12:12 **[ТС]**

Снимаю шляпу, благодарю вас. Все работает ))

@hoteng 1 / 1 / 0 Регистрация: 20.04.2016 Сообщений: 53
		1
	Выделение area при нажатии 05.11.2016, 09:27. Показов 6078. Ответов 4 Метки нет (Все метки) Доброго времени суток, у меня возникла проблема с тегом area , мне не обходимо , чтобы при нажатие не ссылку , он как то выделялся , но я не могу найти какой нибудь атрибут который подсвечивал его или выделял ... border допустим изменяется ,но это ни как не видно . 0

@hoteng 1 / 1 / 0 Регистрация: 20.04.2016 Сообщений: 53
	06.11.2016, 12:12 [ТС]	5
	Снимаю шляпу, благодарю вас. Все работает )) 0

Выделение area при нажатии

Решение