Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> элемент под курсором, над каким элементом находится курсор мыш 
:(
    Опции темы
02077461
Дата 30.10.2007, 02:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 183
Регистрация: 13.7.2005

Репутация: нет
Всего: 0
Добрый вечер.
Помогите решить проблему: мне надо получить, над каким элементом находится указатель мыши.
Можно ли это как-либо получить?

Еще вариант: можно ли получить координаты элементов, относительно начала страницы и их ширину/высоту?.. Элементы сверстанные и имеют position по умолчанию. Если можно было бы получить площади элементов и сравнить с положением указателя мыши было бы подходящим вариантом.

Заранее спасибо.
PM   Вверх
webevt
Дата 30.10.2007, 22:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 235
Регистрация: 5.5.2005

Репутация: нет
Всего: 3
Цитата(02077461 @  30.10.2007,  02:35 Найти цитируемый пост)
над каким элементом находится указатель мыши

Используешь обработчик событий(onmousemove, onclick и т.д.), цепляешь на него функцию с таким содержанием:
Код

var obj = window.event.srcElement;

obj - твой объект.


Цитата(02077461 @  30.10.2007,  02:35 Найти цитируемый пост)
получить координаты элементов

Сделать тоже самое что и с первым:
Код

var top = document.body.scrollTop + window.event.clientY;
var left = document.body.scrollLeft + window.event.clientX;
 


Цитата(02077461 @  30.10.2007,  02:35 Найти цитируемый пост)
их ширину/высоту

Все просто:
Код

var width = obj.offsetWidth;
var height = obj.offsetHeight;



Цитата(02077461 @  30.10.2007,  02:35 Найти цитируемый пост)
получить площади элементов и сравнить с положением указателя мыши 

Сделать тоже самое что и с первымы двумя:
Код

var MouseX = window.event.clientX;
var MouseY = window.event.clientY;


Площадь прямоугольника, я думаю, умеют находить все smile
PM MAIL   Вверх
02077461
Дата 31.10.2007, 22:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 183
Регистрация: 13.7.2005

Репутация: нет
Всего: 0
Спасибо за ответ!.Да, не совсем корректно задал вопрос: можно ли без навешивания onmouseover узнать над каким объектом находится указатель мыши?
И второе (пусть с событиями): 

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <script>
    
    function mouseOverEvent(e){
            if(!e){var e=window.event};
            var targ=e.target?e.target:e.srcElement;
        alert(e.clientX + '; ' + e.clientY);
    }
    
    function mouseDownEvent(e){
            if(!e){var e=window.event};
            var targ=e.target?e.target:e.srcElement;
        // alert(e.clientX + '; ' + e.clientY);
        alert(targ.offsetWidth + '; ' + targ.offsetHeight);
    }
    
    window.onload = function(){
        var d = document.getElementById('div1');
        d.onmouseover = mouseOverEvent;
        d.onmousedown = mouseDownEvent;
    }
  
  </script>
  <body>
    <br><br><br>&nbsp;&nbsp;&nbsp;&nbsp;
        <div id=div1 style='position: relative; border: 1px red dotted;' onmouseover='mouseOverEvent(event);' onmousedown='mouseDownEvent(event);'>LAlalalala</div>
        
  </body>
</html>



как изменить этот код, что бы я мог получить левый верхний угол #div1? Сложность в том, что элемент вверстан с разметку. 

-- 
заранее спасибо

Это сообщение отредактировал(а) 02077461 - 31.10.2007, 22:27
PM   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0421 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.