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

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

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

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

@mrtoxas · 05.11.2016, 11:43

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

CSS
1
2
3
.area{
  outline-color:red;
}

HTML5
1
2
3
4
5
<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
1
2
3
4
5
6
7
8
9
<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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@hoteng 1 / 1 / 0 Регистрация: 20.04.2016 Сообщений: 53

	Выделение area при нажатии 05.11.2016, 09:27. Показов 6563. Ответов 4 Метки нет (Все метки) Доброго времени суток, у меня возникла проблема с тегом area , мне не обходимо , чтобы при нажатие не ссылку , он как то выделялся , но я не могу найти какой нибудь атрибут который подсвечивал его или выделял ... border допустим изменяется ,но это ни как не видно . 0

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

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

Решение