Здрасти.

Я вот никак не могу понять (разбирал много готовых кодов), как страница блокируется када модальное окно открывается в виде слоя.

Кпримеру, если кто сидит вконтактах, если открыть видеролик, то на новом слое открывается плеер на этой же странице и фон (сама страница) становится неактивной, то есть там все видно, но выделить, нажатьна ссылку не получится.

Как это делается? В страницу включен jQuery.

А задача: при аякс запросе $.post() пока не выполнился запрос, блокировать страницу и показать картинку в центре окна, типа, "идет загрузка..."

Как такую задачу решить?

Запустить в Хроме и посмотреть внимательно на "серую муть", которая появляется поверх всех остальных элементов.
Просто поверх всех элементов выводится прозрачный или полупрозрачный див, а поверх него уже рисуется нужный диалог.

Это понятно, а как блокировать саму страницу, чтобы вообще ничего активного не было?

А про "серую муть" я не понял)))

Обычно такой слой называется оверлей. пример можно посмотреть здесь там, кстати, и стырить полосатый заливочный фончик - не грех ;) Если делать оверлей серым и полупрозрачным - получится "серая муть". Так как все события , которые не приходят непосредственно диалогу доставляются до этого оверлея, то ниже его никакие события уже не будут доходить - полный эффект блокировки странички. Вот только табуляцию нужно бы тоже блокировать, от особенно хитрых юзеров.

Это сообщение отредактировал(а) ksnk - 23.9.2010, 15:49

ksnk, блин, так слой этот на все окно растягивается значт!? 
Че я сам не додумался до этого)))

Спасибо...плюс!

Вопрос такой. Как лучше? оверлей динамически вызывать  (overley.appentto("body")) и уничтожать (overley.remove()) или же лучше подгружать невидимый слой со страницей?