PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Проверка координат через определённый прожеуток времени

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

armancho7777777	Отправлено: 13 Января, 2012 - 19:49:23
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Всем привет! В гугле путём ничего не нашёл, так как запрос был такой же, что и название темы. Просто это не совсем то, что мне надо. Мне надо отследить координаты мыши после события hover над элементом, дочерний элемент которого должен появиться, и если курсор через 1 секунду всё ещё находится над ним, то должен появиться тот дочерний елемент, а иначе нет. Делаю так: CODE (javascript): скопировать код в буфер обмена $('#divBody').mousemove(function(event){ setInterval(function(){ if(event.pageX < menuConteiner.width()){ funcHoverButton = setTimeout(function(){ divMenu.hover(function(){ divButton.fadeIn(350); }, function(){ divButton.fadeOut(350); }); }, 0); }else{ clearTimeout(funcHoverButton); } }, 1000); }); Не работает именно так, как я описал. (Отредактировано автором: 13 Января, 2012 - 20:03:33)

IllusionMH	Отправлено: 13 Января, 2012 - 20:11:23
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	armancho7777777, возможно проще сделать через специфические функции jQuery CODE (javascript): скопировать код в буфер обмена var flag = false; $('#divBody').mouseenter(function() { setTimeout(/показать/, 1000); }).mouseleave(function() { /очистить таймер скрыть дочерний элемент, если показан/ }); Спойлер (Отобразить) Если таймаут заданный в другой функции нельзя очистить(не помню), то можно использовать булевый флаг (Отредактировано автором: 13 Января, 2012 - 20:12:27)

armancho7777777	Отправлено: 13 Января, 2012 - 20:13:46
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Да нет, не то. Вы не поняли суть темы. Мне надо организовать проверку после появления курсоры над элементом divMenu, находится ли курсор всё ещё над элементом divMenu, по истечению секунды на пример. divBody мне нужен для того, чтобы было постоянное слежение за координатами курсора. (Отредактировано автором: 13 Января, 2012 - 20:37:10)

IllusionMH	Отправлено: 13 Января, 2012 - 20:37:11
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	armancho7777777, ну тогда нужно повесить события на divMenu (ну или какой там обьект нужен?) CODE (javascript): скопировать код в буфер обмена var flag = false; divMenu.mouseenter(function() { flag = true; setTimeout(function(){ if(flag) { /показать дочерний/ } }, 1000); }).mouseleave(function() { flag = false; /очистить таймер (хотя он уже ничего и не сделает) скрыть дочерний элемент, если показан/ }); Копать стоит в этом направлении (Добавление) Флаги можно заменить через CODE (javascript): скопировать код в буфер обмена funcHoverButton = setTimeout(...); ... clearTimeout(funcHoverButton); (Добавление) Т.е. в данном случае по наведению на элемент запускается таймер, ждет 1 секунду и показывает элемент. Если за это время произошло событие выхода - таймер уже не покажет дочерний. Если курсор все еще над элементом, то по таймеру покажется дочерний, и скроется когда курсор покинет родителя.

armancho7777777	Отправлено: 13 Января, 2012 - 20:48:17
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Блин, час назад так и сделал, но с hover) Но суть моей ошибки ни в этом: всё, что мне надо было сделать, так это добавить флаг, и проверять его) Дааа... тупанул не простительно) IllusionMH, дружище, спасибо!

IllusionMH	Отправлено: 13 Января, 2012 - 20:51:03
Активный участник Покинул форум Сообщений всего: 4254 Дата рег-ции: Февр. 2011 Откуда: .kh.ua Помог: 242 раз(а)	armancho7777777, не за что Вот пример, где без флагов, а через присвоение/очистку таймера Потомка специально вывожу сбоку, чтобы показать, что пока курсор на нем, событие *mouseleave* не сработает

armancho7777777	Отправлено: 13 Января, 2012 - 20:53:47
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	Ну, короче, я всё крутился вокруг да около)) Спасибо ещё раз, IllusionMH!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.