Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: Определение координат события на странице.  (Прочитано 6751 раз)
0 Пользователей и 1 Гость смотрят эту тему.
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« : 03-12-2006 17:03 » new

Очередня трабла с IE, будь он не ладен.

У нормальных браузеров Event содержить свойства pageX и pageY.
У IE есть clientX и clientY - это координаты в клиентской части.
Не могу найти смещения отображенной части страницы к ее началу для вычисления координат на странице.

Ни event, ни window, ни document, ни document.body такой информации не содержат.

Как быть?
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
s_n
Постоялец

ru
Offline Offline

« Ответ #1 : 03-12-2006 22:12 » 

По идее document.body.scrollTop, document.body.scrollLeft должны это содержать. На практике получается что в опере это работает, в осле - нет.
Но! Методом перебора обнаружено, что в осле эти данные лежат в document.all[1].scrollTop

Вот что вроде заработало в обоих браузерах:
Код:
<html>
  <head>
<script language="JavaScript">
  function aaa(event){
    offsetY=document.all[0].scrollTop+document.all[1].scrollTop;
    offsetX=document.all[0].scrollLeft+document.all[1].scrollLeft;
 
    alert("pageY: "+event.pageY+"\nscreenY: "+event.screenY+"\nlayerY: "+event.layerY+"\nclientY: "+
event.clientY+"\ny: "+event.y+"\noffset: "+offsetY+"\n\y+offset: "+(offsetY+event.y));

    document.all["point"].style.top=event.y+offsetY;
    document.all["point"].style.left=event.x+offsetX;
    document.all["point2"].style.top=event.pageY;
    document.all["point2"].style.left=event.pageX;
  }
</script>

</head>
<body onclick="aaa(event)">
<div id="point2" style="position:absolute; left:0; top:0; background-color:red; width:3px; height:3px;"></div>
<div id="point" style="position:absolute; left:0; top:0; background-color:black; width:2px; height:2px;"></div>
Тест.
</body>
</html>

Осел, естественно, на pageX ругается.
Записан
RXL
Технический
Администратор

ru
Offline Offline
Пол: Мужской

WWW
« Ответ #2 : 03-12-2006 22:48 » 

s_n, спасибо большое. Результат "похож" на смещение.

Ну и казлы же они в MS. Чтобы учесть все нюансы кривизны этой поделки приходится тратить на это 80% всего времени разработки. Код при этом увеличивается вдвое...
 Я зол! Я зол! Я зол! Я зол! Я зол! Я зол! Я зол!
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines