ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Закрытие popup(div) если нажимают вне окна.
6 сообщений из 6, страница 1 из 1
Закрытие popup(div) если нажимают вне окна.
    #38192276
TVadim
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
TVadim
Участник
Всем здрасте.
Вопрос описан в теме.
Кто может натолкнуть на мысль как сие чудо можно реализовать на скрипте. Правда есть одно замечание, рядом с попап окном есть набор span которые не входят в данный popup(div) и они при этом должны мигать если мышь проходит по ним. Т.е. прозрачный фон здесь не решение.
...
Рейтинг: 0 / 0
20.03.2013, 22:29
| Ответить | Цитировать | Написать  
Закрытие popup(div) если нажимают вне окна.
    #38192344
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
а в чем проблема? повесить онклик на боди, проверять в нем, виден ли попап. если виден, прятать.
...
Рейтинг: 0 / 0
20.03.2013, 23:48
| Ответить | Цитировать | Написать  
Закрытие popup(div) если нажимают вне окна.
    #38192376
TVadim
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
TVadim
Участник
"Звиняйте" не все описал, в popup(div) мы можем заполнять инфу и поэтому при клике на input который в данном popup происходит закрытие данного div.
...
Рейтинг: 0 / 0
21.03.2013, 00:05
| Ответить | Цитировать | Написать  
Закрытие popup(div) если нажимают вне окна.
    #38192478
alex564657498765453
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alex564657498765453
Участник
Человек. ты запутался в своих же мыслях.
Подсказали тебе правильно - вешать онклик на боди.

У тебя ДОМ дерево...неважно какое, и как оно сделано .
есть узел который надо прятать если что - пусть это див класс="попап"

есть узлы при клике по которым попап не прячеться(сам див попап и рядом спаны или ещо чего...не важно)

ОБРАБОТЧИК онклик на боди

если попап спрятано, пропускаем код дальше, если нет выполняем.

у тебя есть указатель на узел где произошол клик.

в джейквери есть функция проверки, находиться ли даный узел внутри узла другого.

проверяешь находится ли узел где кликнули внутри одного из тех, при клике на которых НЕ скрываем попап - если да ничего не делаем, иначе скрываем.

(привёл бы код но на изусть синтаксис не знаю)
...
Рейтинг: 0 / 0
21.03.2013, 05:13
| Ответить | Цитировать | Написать  
Закрытие popup(div) если нажимают вне окна.
    #38192593
Фотография user89
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
user89
Участник
TVadim,

по мотивам этой хорошей статьи
 
Нажимаем клавишу TAB или просто щелкаем мышью в DIV. Потом щелкаем куда угодно за пределами DIV
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html>
<html>
<style> 
  #div1 { border: 1px solid grey; width:250px;}
  #div1:focus { border: 1px dashed red; outline: 0;} 
</style>
<body>
<div id="div1" tabindex="1" onfocus="showFocus(this);" onblur="this.style.display='none'; alert('Покинули DIV');">
<br>Щелкните мышью в этот DIV<br><br>
</div>
<br>
<span>Некий Span</span><br>
<br>
<div>Другой DIV</div>
</body>
</html>

...
Рейтинг: 0 / 0
21.03.2013, 09:36
| Ответить | Цитировать | Написать  
Закрытие popup(div) если нажимают вне окна.
    #38192650
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
user89,

Правильный совет. Надо использовать табиндекс, а по блюру закрывать.
...
Рейтинг: 0 / 0
21.03.2013, 10:11
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Закрытие popup(div) если нажимают вне окна.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38192593&tid=1448564]:
 0ms
get settings:
 5ms
get forum list:
 15ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 163ms
get topic data:
 11ms
get forum data:
 2ms
get page messages:
 54ms
get tp. blocked users:
 2ms
others: 214ms
total:  470ms
созд. / загр.: 470ms
x
x
Закрыть


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