Форум АНТИЧАТ - [JS] Определение координат курсора на изображении

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

[JS] Определение координат курсора на изображении

Здравствуйте. У меня имеется изображение огромных размеров (3000px*4000px). При клике мышью на любую точку этой картинки мне нужно вычислить и показать координаты курсора. И именно не от начала экрана, а от начала изображения. Подскажите пожалуйста, как это сделать?

Ничего сложного... позиция на экране минус смещение нкартинки, получаем абсолютную позицию на картинке

Пример :

PHP код:


		
			
<script language="javascript">



function mousePageXY(elem)

{

  var x = 0, y = 0;



  y_offset = elem.offsetTop;

  x_offset = elem.offsetLeft;



  if (window.event.pageX || window.event.pageY)

  {

    x = window.event.pageX;

    y = window.event.pageY;

  }

  else if (window.event.clientX || window.event.clientY)

  {

    x = window.event.clientX + 

      (document.documentElement.scrollLeft || document.body.scrollLeft) - 

      document.documentElement.clientLeft;

    y = window.event.clientY + 

      (document.documentElement.scrollTop || document.body.scrollTop) - 

      document.documentElement.clientTop;

  }



  window.status = "X:" + (x - x_offset) + ' - Y:' + (y - y_offset);

}



</script>



<img id="img" src="image.jpg" onmousemove="javascript:mousePageXY(this);" onclick="alert();">

Слева внизу в статусе отобразятся координаты курсора на картинке, при передвижении курсора по картинке

Спасибо! То что нужно! Только Mozilla ругается на то что не обозначен window.event. Поэтому пришлось в ручную event передавать, но это ничего =)

Способ №2 ето: <input type="image"> тоесть кнопка в виде картинки, она передает координаты нажатия. Правда это не JS но может тоже подойдет вам.