Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Координаты курсора внутри картинки. / 9 сообщений из 9, страница 1 из 1
20.05.2008, 19:30
    #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, 20:31
    #35324494
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Координаты курсора внутри картинки.
Ну так и посмотри чего в браузерах имееццо. Эвент передаётся в параметре твоей ф-и. А лучше написать
Код: plaintext
onclick="check_pos(this,event)
Полкчишь и эвент и кто послал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.05.2008, 00:25
    #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, 13:03
    #35325775
avp_
avp_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Координаты курсора внутри картинки.
А как из clientX получить координату внутри картинки?

Я подумал что лучше будет использовать опцию ismap.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.05.2008, 15:00
    #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
| Ответить | Цитировать | Написать  
22.05.2008, 11:51
    #35327971
avp_
avp_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Координаты курсора внутри картинки.
ShSerge, спасибо. Именно то что нужно.
И самое интересное что под Netscape тоже заработало!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.05.2008, 18:36
    #35329661
avp_
avp_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Координаты курсора внутри картинки.
Обнаружился косяк. В приведённом выше примере Netscape считает координаты правильно.
Но в IE6 координаты на 2 пикселя получаются больше чем надо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
22.05.2008, 20:42
    #35329879
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Координаты курсора внутри картинки.
Здесь есть несколько моментов:
1. На каждое моусемове не вычисять координаты (вычислить их один раз).
2. М.б. какой-то бордер есть?
Вообще-то должно работать (может потребоваться ещё +'px').
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
23.05.2008, 11:56
    #35330786
avp_
avp_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Координаты курсора внутри картинки.
1) Координаты мне нужно в onclick.
2) Бордер пробовал - не влияет. Проверил просто. Создал пустую картику с одной точкой с координатами (40,40) и навёл на неё курсор (crosshair), в IE выдаёт координаты (42,42)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Координаты курсора внутри картинки. / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 488ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1456454]:
 0ms
get settings:
 7ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 182ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 2ms
others: 210ms
total:  488ms
x
x
Закрыть


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