VPF::OnMouseMove заставить работать - Форум программистов

RinOSpro

Дата 13.7.2009, 12:39 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Всем привет! Есть код:

Код


<script language="JavaScript">
<!--
function displayCoords(e) {
status= "x: " + e.pageX + " y: " + e.pageY;
}
// -->
</script>

<img src="img.jpg" onmousemove="displayCoords(event)">

В общем в строке состояния показывает координты, курсора.
Только вот только работает, это в опере, в ie координыты = undefined, а в мозиле вообще ни чего не показывается.
Помогите плиз, ка сделать чтоб работало в перечисленных браузерах?

Это сообщение отредактировал(а) RinOSpro - 13.7.2009, 12:39

comtat

Дата 14.7.2009, 09:45 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 7
Всего: 71

Код


<html>
<body>
<script>
function displayCoords(e) {
    var isMSIE = /*@cc_on!@*/false;
    document.getElementById('y').innerHTML = isMSIE ? event.clientY : e.pageY;
    document.getElementById('x').innerHTML = isMSIE ? event.clientX : e.pageX;
}
</script>
<div style='border:1px solid #000;height:300px;width:500px;' onmousemove="displayCoords(event);">ccc</p>
<div>x: <div id='x'></div><br />y: <div id='y'></div></div>
</body>
</html>

Как то так ...

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

RinOSpro

Дата 14.7.2009, 10:59 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Гигантское спасибо smile

Вот только одно но... координаты абсолютные... а нужно только координаты картинки... чтоб левый верхний пиксель был [0;0].

comtat

Дата 14.7.2009, 11:03 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 7
Всего: 71

как вариант вычитать из значений курсора значение положения картинки

Код


<html>
<body>
<script>
function displayCoords(e) {
    var isMSIE = /*@cc_on!@*/false;
    document.getElementById('y').innerHTML = (isMSIE ? event.clientY : e.pageY) - document.getElementById('img').offsetTop;
    document.getElementById('x').innerHTML = (isMSIE ? event.clientX : e.pageX) - document.getElementById('img').offsetLeft;
}
</script><br />
<div id="img" style='border:1px solid #000;height:300px;width:500px;' onmousemove="displayCoords(event);">ccc</p>
<div>x: <div id='x'></div><br />y: <div id='y'></div></div>
</body>
</html>

Это сообщение отредактировал(а) comtat - 14.7.2009, 11:12

--------------------

Рожденный в СССР !!!
ExtJS - мой фреймворк

RinOSpro

Дата 14.7.2009, 11:36 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

ух ты)) спасибо)) то что нужно))

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »