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

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

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;
}

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

На "фон" кликнуть нельзя... кликнуть можно только на некий элемент ДОМ-модели...

И не ленись сделать тестовый пример...

вешай обработчик на документ и смотри event.target: если это не тот элемент, который нужно скрыть, то скрывай его

Не подскажите код? Тестового примера нет, так как не знаю как реализовать

var el = document.getElementById(id) ; // нужный элемент
document.addEventListener("click", function close(e) {
  if(e.target == el)
    return ;
  el.style.display = "none" ;
  this.removeEventListener("click", close, false) ;
}, false) ;

P.S. В ишаке нужно делать через attachEvent/detachEvent

Этот код нужно использовать вместо кода из первого сообщения?

clb, этот скрипт скрывает элемент при клике на "фон". Где его использовать решайте сами