Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: как сделать что бы при нажатии на область вне всплывающего окна оно закрывалось
Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript » как сделать что бы при нажатии на область вне всплывающего окна оно закрывалось

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

1. livote - 14 Ноября, 2012 - 09:18:35 - перейти к сообщению
нашёл скрипт отображения всплывающего окна.вот как сделать что бы в при нажатии на область вне окна оно закрывалось.ссылка на коды:
http://flapps[dot]ru/forum/topic3928[dot]html
2. Zuldek - 14 Ноября, 2012 - 09:36:04 - перейти к сообщению
на jquery:
CODE (htmlphp):
скопировать код в буфер обмена
  1. $('body').click(function() {
  2.    $('.block').hide();
  3. });
  4.  
  5. $('.block').click(function(event){
  6.    event.stopPropagation();
  7. });
3. AlexAnder - 14 Ноября, 2012 - 09:40:42 - перейти к сообщению
Спойлер (Отобразить)
4. armancho7777777 - 14 Ноября, 2012 - 10:06:20 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).click(function(e){
  3.  
  4.           var win = $('.my-window');
  5.  
  6.           if (!$(e.target).parents().filter(win).length)
  7.           win.hide();
  8. });
  9.  



Если же окно состоит из одного дива (что вряд-ли), то так:

CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $(document).click(function(e){
  3.  
  4.           var win = $('.my-window');
  5.  
  6.           if (
  7.               !$(e.target).filter(win).length &&
  8.               !$(e.target).parents().filter(win).length
  9.           )
  10.           {
  11.                  win.hide();
  12.           }
  13. });
  14.  

 

Powered by ExBB FM 1.0 RC1