Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Получить координаты клика в области изображения?
 
 автор: OLi   (18.07.2009 в 18:34)   письмо автору
 
 

Как такое сделать?

  Ответить  
 
 автор: sim5   (18.07.2009 в 18:47)   письмо автору
 
   для: OLi   (18.07.2009 в 18:34)
 

Доп. вопрос - для чего?

  Ответить  
 
 автор: PAT   (18.07.2009 в 19:22)   письмо автору
 
   для: OLi   (18.07.2009 в 18:34)
 

В MSIE всё просто -
<ТЕГ onclick="alert (event.x + '--' + event.y)">

Для прочих браузеров надо получить event.pageX и event.pageY и из полученных значений вычесть фактические left и top ТЕГа (с учетом скролла тела документа).

  Ответить  
 
 автор: OLi   (23.07.2009 в 15:21)   письмо автору
 
   для: PAT   (18.07.2009 в 19:22)
 

Немного уточню!
Есть изображение размером 600x400! Необходимо определить координаты клика внутри этих границ! Т-е строго привязать клик к изображению!

  Ответить  
 
 автор: PAT   (23.07.2009 в 15:34)   письмо автору
 
   для: OLi   (23.07.2009 в 15:21)
 

Ответ выше. Уточнений не требуется.
IMG - это такой же ТЕГ, что и остальные.
И описанный выше способ привязывает клик к изображению так же строго,
как и ко всем прочим тегам.

Вы что, не можете самостоятельно этот способ реализовать?

  Ответить  
 
 автор: OLi   (23.07.2009 в 18:24)   письмо автору
 
   для: PAT   (23.07.2009 в 15:34)
 

Нет, я разобрался сам, просто не совсем понятно каким образом высчитываются координаты, и будут ли она такими же, если изменить размер разрешения экрана?!
И еще, как эти значение присвоить переменным в JS, чтоб потом в PHP можно было обработать?

  Ответить  
 
 автор: PAT   (23.07.2009 в 18:53)   письмо автору
 
   для: OLi   (23.07.2009 в 18:24)
 

<script>
function myFunc (e)
{
var evt = e ? e : window.event, src = evt.target ? evt.target : evt.srcElement,
abX = evt.pageX ? evt.pageX : evt.clientX, abY = evt.pageY ? evt.pageY : evt.clientY,
abL = abT = 0; while (src.offsetParent) {abL += src.offsetLeft; abT += src.offsetTop; src = src.offsetParent}
var rzX = abX - abL - 2, rzY = abY - abT - 2; //искомые координаты клика выделены жирно
alert ('X=' + rzX + '\nY=' + rzY);            //от разрешения экрана не зависят
}
</script>

<img border="0" width="654" height="432" onclick="myFunc (event)" style="position: relative">

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования