Вообщем, проблема в следующем:
По щелчку мыши показывается div, который до щелчка был скрыт (display:none)
Хотелось бы, по щелчку мыши _вне_ слоя скрывать его...
В какую сторону копать? 

Копать в сторону DOM Events.
Используешь тот факт что событие, где бы оно не возникло распространяется по дереву DOM.
В момент показа дива навешиваешь событие click на document.body. На каком бы элементе не кликнул пользователь, событие дойдет до боди.
В обработчике события click для body можно узнать какой элемент инициировал событие. Если этот элемент не является самим дивом, или его child-ом, то прячем див, в противном случае - нет.

Я пользую библиотеку prototype.js. В ней:
Event.observe(document.body, 'click', обработчик, false); - навешиваем обработчик события
В обработчике:
Event.element(event) - элемент, вызвавший событие. (event - объект события).
Если Event.element(event) - не твой див, то проверяешь не является ли он его child-ом, например, 
используя Element.childOf
Event.stop(event) - остановка дальнейшего распространения события.
Event.stopObserving(document.body, 'click', обработчик, false); - удаляем обработчик события

Это сообщение отредактировал(а) Avb - 18.10.2006, 10:52

Avb, а ты бы мог дать пример? Я тоже использую прототип.js (преимущественно ради аякса и jsona),
но, хоть твои объяснения описывают общий процесс довольно ясно, все же хотелось бы наглядности.

Все ясно с Event.observe и Event.stopObserving

А вот как быть с Event.element(event) не совсем ясно. Это нужно проверять в обработчике, а он должен быть методом элемента или же глобальной функцмей (под window)?
И как же писать? Я понял так (уверен что неправильно   ) :
 В общем, я попытался сделать все по твоему объяснению, и судя по тому, что написал я неправильно - тема не раскрыта ))) Или я туплю )))

Ладно, я нашел, если кому еще понадобится - вот http://www.prototypejs.org/api/event/element

szz, по твоему примеру:
1. обработчик должен получать первым аргументом объект event, поэтому:

2. document.getElementById равносильно $ (зачем писать больше?  )
3. зачем в if-е делать два отрицания. По-моему понятнее и удобнее так:

4. По причине п.2:

меняем на 

5. Для того, чтобы обработчик получал первым аргументом объект события, необходимо при навешивании обработчика использовать bindAsEventListener()
Вот так:


Обработчик события может быть глобальной функцией, может быть членом класса.
Для привязки конкретного объекта к функции используются bind и bindAsEventListener. Второй помимо объекта привязывает еще и событие.
Сейчас эти функции могут принимать более одного параметра. Т.о. в функцию можно передавать дополнительные параметры, например, в обработчик события можно передать сразу элемент на котором это событие произошло.
Если хочешь полезный пример, то выложи свой код: верстку и js. 
А я покажу, как бы я написал сейчас то, что тебе нужно. (Полгода назад я писал бы по-другому  )

Добавлено через 5 минут и 47 секунд
Ну и кроме этого надеюсь ты знаешь, что для того чтобы код был совместим с XHTML значения атрибутов нужно брать в кавычки, а скрипты помещать в блок комментария. Вот так:

а лучше выносить в отдельный файл и подключать так:

без language = "javascript" и еще чего бы то ни было.

Мдя... народ, вы чего?

SamDark, интересно. А можно пример?

SamDark, у меня этот код работает в ИЕ7 
и в ИЕ6 после замены

на 


В ФФ2.0.0.4, Опера 9.21 и Safari - не работает.
Да и возможно, не всегда удобно перемещать фокус на открываемый див.

Avb, 
Ну, тогда на document.body вешать и фильтровать выбранный div.

Avb, 
К сожалению, не срабатывает по щелчку на самом body если нет никаких элементов. Если щёлкать на тексте, например, работает.

Чёрт, туплю... Всё верно. Так и должно быть. Спасибо за решение.

Это сообщение отредактировал(а) SamDark - 27.6.2007, 17:54