Javascript-форум - Координаты картинки по клику

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Координаты картинки по клику (https://javascript.ru/forum/events/54980-koordinaty-kartinki-po-kliku.html)

Координаты картинки по клику

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

Делаю по аналогии с
http://javascript.ru/forum/css-html-...tml#post101681

Код:

Код:

<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.

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

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

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

:(

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