Пытаюсь получить координаты внутри картинки по клику
Делаю по аналогии с
Координаты клика.
Код:
|
Код:
|
<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.