Полезное для программистов:

Фриланс
Новости
Статьи
   
Рубрики:


ismap - получение координатов курсора на рисунке

Поиск:
Бывает, что нужно получить и обработать координаты курсора на рисунке.

Существует два способа это сделать:
1. На стороне клиента
Это наиболее популярный и простой способ. Делается через MAP и не требует подробного описания. Поэтому перейдем сразу ко второму.

2. На стороне сервера

А вот об этом знают далеко не все. Дело в том, что можно добавить параметр ismap к тегу img. Тогда браузер будет отлавливать координаты мышки над рисунком.

Код

<a href="server.php"><img src="image.gif" width="200" height="100" border="0" ismap></a>


При нажатии на рисунок, будет вызван скрипт и переданы ему координату курсора над рисунком.
Пример: server.php?135,153

Теперь на стороне сервера можно обработать координаты и выполнить какие-то действия.

Однако, бывает, что нужно НА СТОРОНЕ клиента знать координаты того места на рисунке, на которое мы нажали мышкой. Попробуем это воплотить. Для этого нам придется поработать с фреймом, т.к. иначе никак.

Вот код первого файла:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<IFRAME name="getcoordinates" SRC="ismap.html" WIDTH="1" HEIGHT="1"></IFRAME>
<script language="JavaScript"><!--
function next(x,y) {
   alert('x = ' + x + ' y = ' + y);
}
//--></script>

<a href="ismap.html" target="getcoordinates"><img src="image.gif" width="200" height="100" border="0" ismap></a>


</body>
</html>





А вот код второго файла "ismap.html"

Код

<script language="JavaScript"><!--
if (location.search.length > 0) {
   var str = location.search;
   var commaloc = str.indexOf(",");
   parent.next(str.substring(1, commaloc),str.substring(commaloc+1,str.length));
}
//--></script>
Автор: Wowa
Сайт: http://vingrad.ru






Просмотров: 3518

 

 

Новые статьи:


Популярные:
  1. Как сделать цикличным проигрывание MIDI-файла?
  2. Создание AVI файла из рисунков
  3. Как устройство "отключить в данной конфигурации"?
  4. Kто в данный момент присоединен через Сеть?
  5. Как узнать количество доступной памяти?
  6. Как реализовать в RichEdit разноцветный текст?
  7. Как скрыть свое приложение от ProcessViewer
  8. Как программно нажать/скрыть/показ кнопку "Start"?
  9. Модуль работы с ресурсами в PE файлах
10. Функции вызова диалоговых окон выбора
11. Проверка граматики средствами Word'а из Delphi.
12. Модуль для упрощенного вызова сообщений
13. Функции для записи и чтение своих данных в, ЕХЕ- файле
14. Рекурсивный просмотр директорий
15. Network Traffic Monitor
16. Разные модули
17. Универсальная функция для обращения к любым экспортируем функциям DLL
18. Библиотека от VladS
19. Протектор для UPX'а
20. Еще об ICQ, сообщения по контакт листу?
21. Использование открытых интерфейсов
22. Теория и практика использования RTTI
23. Работа с TApplication
24. Примеры использования Drag and Drop для различных визуальных компонентов
25. Что такое порт? Правила для работы с портами
26. Симфония на клавиатуре
27. Загрузка DLL
28. Исправление автоинкремента
29. Взаимодействие с чужими окнами
30. Проверить дубляжи в столбце


 

 

 
 
На главную