Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.04.2015, 17:27
Аспирант
Отправить личное сообщение для Zuko Посмотреть профиль Найти все сообщения от Zuko
 
Регистрация: 13.03.2010
Сообщений: 38

Координаты картинки по клику
Пытаюсь получить координаты внутри картинки по клику

Делаю по аналогии с
Координаты клика.

Код:

Код:
<html><head>
</head><body>
  <img src="http://webmastak.ucoz.ru/poisksistem/servisy_jandeksa.jpg" id="el" />
<script type="text/javascript">
var el = document.getElementById('el');
    el.addEventListener('click', getClickXY, false);
function getClickXY(event)
  {
    var clickX = (event.layerX == undefined ? event.offsetX : event.layerX) + 1;
    var clickY = (event.layerY == undefined ? event.offsetY : event.layerY) + 1;
    alert('Координаты клика: '+ clickX +' x '+ clickY);
  }
</script>
</body></html>
Почему-то не хочет выполняться в отличие от исходного примера.

Появилась идея завернуть картинку в div, но как тогда подогнать его под размеру под координаты картинки? Картинка естественно подгружается динамически средствами PHP.
Ответить с цитированием
  #2 (permalink)  
Старый 08.04.2015, 17:34
Аспирант
Отправить личное сообщение для Zuko Посмотреть профиль Найти все сообщения от Zuko
 
Регистрация: 13.03.2010
Сообщений: 38

Интересно, что код, который я указал выше - работает

А вот у меня в тексте программы почему-то выдает

Uncaught TypeError: Cannot read property 'addEventListener' of nullcommpage.php:27 (anonymous function)

Ответить с цитированием
  #3 (permalink)  
Старый 08.04.2015, 18:28
Аспирант
Отправить личное сообщение для Zuko Посмотреть профиль Найти все сообщения от Zuko
 
Регистрация: 13.03.2010
Сообщений: 38

В целом понял - неправильно выводил значение переменно из PHP, поэтому была ошибка в JS. Тему можно закрыть, авось кому-нибудь мой код сверху поможет.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
координаты по клику skrudjmakdak Events/DOM/Window 7 12.02.2015 09:32
Загрузка картинки по клику Aleksabdra Events/DOM/Window 2 18.11.2014 19:10
получить адрес картинки по клику saxap Общие вопросы Javascript 3 13.11.2012 12:32
увеличение картинки по клику highslide terveg Общие вопросы Javascript 1 16.11.2010 14:39
Координаты картинки после движения Lisenok Общие вопросы Javascript 10 30.10.2009 19:58