Вы можете авторизоваться через ВКонтакте, Фейсбук и оставить комментарий


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

Вступление

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

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

Синтаксис

1
2
3
4
5
6
7
8
/**
 * url - путь к странице, которую нужно открыть;
 * params - параметры, которые передаются в окно.
 *          В открывшемся окне доступ к ним получается так: window.dialogArguments;
 * features - настройки внешнего вида окна (длина, ширина, отступ слева/сверху и т.д.)
 *
 */

var modalWindow = window.showModalDialog(url, params, features);

Пример

1
2
3
4
5
6
7
8
9
10
/**
 * Пример простого модального окна длиной 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.

Опубликовано: 17 июня 2011  ·  Автор: Артём Фёдоров  ·  4270 просмотров

Категория

ГлавнаяПрограммированиеJavaScriptМодальное окно (JavaScript)

Чтобы оставить комментарий нужно авторизоваться на сайте
или войти через ВКонтакте или Фейсбук

Войти через ФейсбукВойти через Твиттер

Комментарии

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

© 2010-2017 expange.ru
При полном или частичном копировании статей сайта, ссылка на источник обязательна.

Хотите узнать больше информации, пишите на: artem@expange.ru

Полезное онлайн  ·  Новости  ·  Изображения  ·  Статьи по датам

О проекте  ·  Правила пользования  ·  Представительства

Благодарности и пожелания