Модальное окно (JavaScript)

Вступление

Модальное окно — окно, которое блокирует работу пользователя с родительским окном до тех пор, пока пользователь это окно не закроет.

Смотреть онлайн-пример.

Синтаксис

/** * url - путь к странице, которую нужно открыть; * params - параметры, которые передаются в окно. * В открывшемся окне доступ к ним получается так: window.dialogArguments; * features - настройки внешнего вида окна (длина, ширина, отступ слева/сверху и т.д.) * */ var modalWindow = window.showModalDialog(url, params, features);

Пример

/** * Пример простого модального окна длиной 600px пикселей и высотой 400px, * а так же отступ слева и сверху по 200px. * */ var simpleWindow = window.showModalDialog( 'modal_window.php', null, 'dialogWidth:600px; dialogHeight:400px; dialogLeft:200px; dialogTop:200px;' );

Параметры которые работают только в Internet Explorer

Установка параметров указанных в таблице будет влиять на окно только в браузере Internet Explorer.

ПараметрЗначенияОписание
centeryes|no|1|0|on|offВыравнивание окна поцентру. Значение по-умолчанию — yes
resizableyes|no|1|0|on|offВозможность растягивания окна. По-умолчанию — no
scrollyes|no|1|0|on|offОтображать скроллинг. По-умолчанию — yes
statusyes|no|1|0|on|offОтображать статусную строку. По-умолчанию — yes

Нужно знать

Модальные окна нормально работают только в браузере Интернет Эксплорер, в Файрфоксе частично, в Опере не работает, в остальных браузерах частично.

К тому же модальные окна часто раздражают пользователей, поэтому лучше крайне редко их использовать.

Документация MSDN

Более подробно можно почитать здесь: http://msdn.microsoft.com/en-us/library/ms536759(v=vs.85).aspx.

Категории

ПрограммированиеJavaScript

Комментарии