Форум Сайтостроение Веб-строительство

Как сделать скрытие блока при клике на фон?

C
На сайте с 17.05.2012
Offline
69
clb
731

Есть простой код всплывающего блока. С использованием show/hide. Как сделать чтобы при клике на фон, скрывался блок? Без подключения jQuery.

IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#1
clb:
С использованием show/hide.
clb:
Без подключения jQuery.

точно без?? Тогда что внутри show/hide?

http://javascript.ru/ui/show-hide-toggle

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
C
На сайте с 17.05.2012
Offline
69
clb
#2

Вот такой код сейчас используется

function openbox(id)
{
if(document.getElementById(id).style.display=='none') {
    document.getElementById(id).style.display = 'block';
  } else {
    document.getElementById(id).style.display = 'none';
  }
  return false;
}

Или подскажите другой простой код чтобы сделать выпадающий блок с закрытием при нажатии на фон и ссылку. Без подключения дополнительных библиотек

F9
На сайте с 13.04.2008
Offline
104
for93t
#3

Нужно добавить обработчик клика по document.body (или document.documentElement если xhtml), который будет скрывать блок, устанавливая ему display: none. При этом потребуется проверять, не выполнен ли клик по самому блоку и останавливать распространение события в таком случае.

Помогите новичку по PHP убрать текстовую подсказку у Новый АГС: Сайты, продающие
C
На сайте с 17.05.2012
Offline
69
clb
#4

Код не подскажите?

F9
На сайте с 13.04.2008
Offline
104
for93t
#5
clb:
Код не подскажите?

http://stackoverflow.com/a/1161773/1238577

C
На сайте с 17.05.2012
Offline
69
clb
#6
for93t:
http://stackoverflow.com/a/1161773/1238577

Что то не совсем понятно как реализовать

F9
На сайте с 13.04.2008
Offline
104
for93t
#7
clb:
Что то не совсем понятно как реализовать

Если не совсем понятно, то задавайте конкретные вопросы, а если совсем непонятно, то учите матчасть, а не вопросы задавайте. Как только будете иметь базовые знания, такие проблемы перестанут возникать.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий