Аватар для Энтомолог
141 / 182 / 44
Регистрация: 25.04.2012
Сообщений: 2,623
Записей в блоге: 5

Событие onclick у области изображения

15.10.2014, 15:26. Показов 1689. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Что для этого нужно использовать?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
15.10.2014, 15:26
Ответы с готовыми решениями:

Событие onclick.
Здравствуйте. Столкнулся с проблемой на одном из сайтов для проведения чемпионатов. Так вот, там существует механизм подтверждения участия:...

Событие onclick
Ребята я у меня наверно самый глупый вопрос, но блин пытался по разному вписать не получилось. В общем есть форма <form...

Событие onclick не работает
Помогите, пожалуйста, разобраться. Не могу понять почему не работает: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...

4
Native x86
Эксперт Hardware
 Аватар для quwy
6743 / 3679 / 1016
Регистрация: 13.02.2013
Сообщений: 11,585
15.10.2014, 15:36
Событие всегда общее, а вот координаты клика всегда можно узнать и сопоставить с необходимой областью изображения:
JavaScript
1
2
3
4
function OnClick(event)
{
  alert(event.clientX+'x'+event.clientY);
}
1
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
15.10.2014, 15:37
Цитата Сообщение от Alex9 Посмотреть сообщение
у области изображения
Не совсем ясно. Имеется в виду, что нужно обрабатывать клик на родительском элементе изображения? Тогда можно так
JavaScript
1
2
3
4
5
6
7
document.getElementById('img_area').addEventListener('click', function(e){
    if(e.target == this){
        console.log('Клик на области вокруг изображения');
    } else {
        console.log('Клик на самом изображении');
    }
}, false);
1
 Аватар для Энтомолог
141 / 182 / 44
Регистрация: 25.04.2012
Сообщений: 2,623
Записей в блоге: 5
15.10.2014, 18:55  [ТС]
Я имел в виду событие клика в прямоугольной области некоторого большего изображения, заданного тегом img. Нужен ли тут тег map?
0
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,528
15.10.2014, 21:22
Цитата Сообщение от Alex9 Посмотреть сообщение
Нужен ли тут тег map?
Карта нужна чтобы на одной картинке выделить несколько независимых областей которые каждая себе будет кликабельна.
А если нужен клик по всей картинке, то просто onclick в тег img.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
15.10.2014, 21:22
Помогаю со студенческими работами здесь

Не работает событие onclick
Не работает событие onclick в radio. При нажатии на элементы radio не запускается функция, можете помочь? <form...

Не работает событие onclick
Собственно говоря у меня есть в хтмле код: <script src="javascript.js"></script> <input type="button" id="Doctyp"...

Не работает событие onclick в хроме
В хроме не срабатывает событие onclick: <option title=images/png.png" class="optionAddTC" id="1"...

Событие onclick для php
описываю суть проблемы: в php форме есть элемент button $this->addElement('Button', 'submit', array( 'label'...

Событие onclick кнопки submit
Здравствуйте. Вопрос в том как сделать так чтобы по нажатию на submit в некоторый текстбокс выводилось некое значение. Проблема в том что...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

Новые блоги и статьи
Введение в Q# - язык квантовых вычислений от Microsoft
EggHead 19.05.2025
Microsoft вошла в гонку технологических гигантов с собственным языком программирования Q#, специально созданным для разработки квантовых алгоритмов. Но прежде чем погружаться в синтаксические дебри. . .
Безопасность Kubernetes с Falco и обнаружение вторжений
Mr. Docker 18.05.2025
Переход организаций к микросервисной архитектуре и контейнерным технологиям сопровождается лавинообразным ростом векторов атак — от тривиальных попыток взлома до многоступенчатых кибератак, способных. . .
Аугментация изображений с Python
AI_Generated 18.05.2025
Собрать достаточно большой датасет для обучения нейронной сети — та ещё головная боль. Часами вручную размечать картинки, скармливать их ненасытным алгоритмам и молиться, чтобы модель не сдулась при. . .
Исключения в Java: советы, примеры кода и многое другое
Javaican 18.05.2025
Исключения — это объекты, созданные когда программа сталкивается с непредвиденной ситуацией: файл не найден, сетевое соединение разорвано, деление на ноль. . . Список можно продолжать до бесконечности. . . .
Как сделать SSO (Single Sign-On) в C# приложении
stackOverflow 18.05.2025
SSO — это механизм, позволяющий пользователю пройти аутентификацию один раз и получить доступ к нескольким приложениям без повторного ввода учетных данных. Вы наверняка сталкивались с ним, когда. . .
Kubernetes с Apache Flink для обработки данных в реальном времени
Mr. Docker 17.05.2025
Kubernetes — это целая философия управления распределёнными приложениями. В отличие от "примитивных" решений вроде Docker Swarm, K8s (как его ласково называют в тусовке DevOps-инженеров) предлагает. . .
Использование декораторов в Python
py-thonny 17.05.2025
Если вы когда-нибудь задумывались о том, как красиво расширить функциональность кода без лишней возни и дублирования, декораторы в Python — та самая волшебная палочка, которую вы искали. По сути, это. . .
Реализация многопоточных сетевых серверов на Python
py-thonny 16.05.2025
Когда сталкиваешься с необходимостью писать высоконагруженные сетевые сервисы, выбор технологии имеет критическое значение. Python, со своей элегантностью и высоким уровнем абстракции, может. . .
C# и IoT: разработка Edge приложений с .NET и Azure IoT
UnmanagedCoder 16.05.2025
Мир меняется прямо на наших глазах, и интернет вещей (IoT) — один из главных катализаторов этих перемен. Если всего десять лет назад концепция "умных" устройств вызывала скептические улыбки, то. . .
Гибридные квантово-классические вычисления: Примеры оптимизации
EggHead 16.05.2025
Гибридные квантово-классические вычисления — это настоящий прорыв в подходах к решению сложнейших вычислительных задач. Представьте себе союз двух разных миров: классические компьютеры, с их. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru