ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
Перезагрузить страницу [JS] Определение координат курсора на изображении
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

[JS] Определение координат курсора на изображении
  #1  
Старый 30.07.2009, 08:45
Аватар для Kuzya
Kuzya
Участник форума
Регистрация: 27.04.2008
Сообщений: 224
Провел на форуме:
140661

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

  #2  
Старый 30.07.2009, 10:17
Аватар для FireFenix
FireFenix
Постоянный
Регистрация: 03.06.2009
Сообщений: 385
Провел на форуме:
3178262

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

Пример :
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();"> 
Слева внизу в статусе отобразятся координаты курсора на картинке, при передвижении курсора по картинке
 
Ответить с цитированием

  #3  
Старый 31.07.2009, 07:47
Аватар для Kuzya
Kuzya
Участник форума
Регистрация: 27.04.2008
Сообщений: 224
Провел на форуме:
140661

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

  #4  
Старый 31.07.2009, 12:36
Аватар для b3
b3
Постоянный
Регистрация: 05.12.2004
Сообщений: 647
Провел на форуме:
1698585

Репутация: 818


Отправить сообщение для b3 с помощью ICQ
По умолчанию
Способ №2 ето: <input type="image"> тоесть кнопка в виде картинки, она передает координаты нажатия. Правда это не JS но может тоже подойдет вам.
 
Ответить с цитированием
Ответ



« Предыдущая тема | Следующая тема »
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
MATLAB. Определение координат точки на графике cremator (c) С/С++, C#, Delphi, .NET, Asm 2 02.05.2009 00:18



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ