ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Координаты курсора внутри картинки.
9 сообщений из 9, страница 1 из 1
Координаты курсора внутри картинки.
    #35324406
avp_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
avp_
Участник
Нужно определить координату точки внтури картинки на которую кликнули:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
<img src="map.gif"  onclick="check_pos()">

<script language="JavaScript">
function check_pos()
{alert(event.offsetX)
}
</SCRIPT>

В IE это работает.
Netscape 7.1 вообще не видит объекта event.
Про другие браузеры читал что надо event передавать параметром функции обработчика.
Как это сделать правильно и по уму?
Верно ли что свойство offsetX только для IE?
Может вообще лучше не пытаться решить задачу?
...
Рейтинг: 0 / 0
20.05.2008, 19:30
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35324494
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Ну так и посмотри чего в браузерах имееццо. Эвент передаётся в параметре твоей ф-и. А лучше написать
Код: plaintext
onclick="check_pos(this,event)
Полкчишь и эвент и кто послал.
...
Рейтинг: 0 / 0
20.05.2008, 20:31
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35324761
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
avp_Верно ли что свойство offsetX только для IE?
Event Object
avp_Про другие браузеры читал что надо event передавать параметром функции обработчика.
Как это сделать правильно и по уму?
clientX
avp_Нужно определить координату точки внтури картинки на которую кликнули
учтите, что у clientX "The client area is the current window", а не определенный объект
avp_Netscape 7.1
вот это да. В первый раз слышу, что кто-то нетскейпом пользуется. Думала он умер уже.
avp_Может вообще лучше не пытаться решить задачу?
отличный подход. Если гора не идет к Магомету, то пусть она идет нахрен.
...
Рейтинг: 0 / 0
21.05.2008, 00:25
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35325775
avp_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
avp_
Участник
А как из clientX получить координату внутри картинки?

Я подумал что лучше будет использовать опцию ismap.
...
Рейтинг: 0 / 0
21.05.2008, 13:03
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35326297
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Много про позиционирование писали.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
<html>
<head>
<script>
function mv(ev,el){
var leftPos =  0 ; // by illion
var topPos =  0 ;
obj=el;
while( obj!=null)
{
      leftPos += obj.offsetLeft;
      topPos += obj.offsetTop;
      obj = obj.offsetParent;
}
document.getElementById("sss").innerHTML=ev.clientY-topPos;
document.getElementById("qqq").innerHTML=ev.clientX-leftPos;
}
</script>
</head>
<body bgcolor="yellow">
<div id="sp">
jjjjjjjjjjjjjjjj<br>
jjjjjjjjjjjjjjjj<br>
jjjjjjjjjjjjjjjj<br>
jjjjjjjjjjjjjjjj<br>
jjjjjjjjjjjjjjjj<br>
</div>
<div>
fffffffff<img src="http://img.lenta.ru/news/2008/05/20/burger/picture.jpg" onmousemove="mv(event,this);">
</div>
Y:<span id="sss"></span><br>
X:<span id="qqq"></span>
</body>
<html>
...
Рейтинг: 0 / 0
21.05.2008, 15:00
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35327971
avp_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
avp_
Участник
ShSerge, спасибо. Именно то что нужно.
И самое интересное что под Netscape тоже заработало!
...
Рейтинг: 0 / 0
22.05.2008, 11:51
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35329661
avp_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
avp_
Участник
Обнаружился косяк. В приведённом выше примере Netscape считает координаты правильно.
Но в IE6 координаты на 2 пикселя получаются больше чем надо!
...
Рейтинг: 0 / 0
22.05.2008, 18:36
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35329879
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Здесь есть несколько моментов:
1. На каждое моусемове не вычисять координаты (вычислить их один раз).
2. М.б. какой-то бордер есть?
Вообще-то должно работать (может потребоваться ещё +'px').
...
Рейтинг: 0 / 0
22.05.2008, 20:42
| Ответить | Цитировать | Написать  
Координаты курсора внутри картинки.
    #35330786
avp_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
avp_
Участник
1) Координаты мне нужно в onclick.
2) Бордер пробовал - не влияет. Проверил просто. Создал пустую картику с одной точкой с координатами (40,40) и навёл на неё курсор (crosshair), в IE выдаёт координаты (42,42)
...
Рейтинг: 0 / 0
23.05.2008, 11:56
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Координаты курсора внутри картинки.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35326297&tid=1456454]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 150ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 243ms
total:  468ms
созд. / загр.: 468ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]