Создание модальных окон.

Коротко и полезно о создании модальных окон при помощи Javascript
Зачем они нужны???
Допустим нам надо о чем то предупредить пользователя, либо спросить его действия, либо попросить ввести нужную информацию или показать, например, схему проезда.
Распишем по подробнее.

Alert

Позволяет отобразить пользователю окно с предупреждением.
Например:

onClick="javascript:alert('Привет');"

Нажми мена.

Как видим данное окно может представить только информацию пользователю и не может принять от него данные.

Confirm

Это уже интереснее. Данное окно позволяет запрашивать у пользователя подтверждение чего либо. В случае если пользователь нажимает "Да", то окно возвращает true иначе false.

if( confirm("Уверены?"))
alert ("Удаляем...")
else exit;

Prompt

Данный вид окна позволяет запросить у пользователя какую либо информацию например имя пользователя, электронный адрес или еще чего нибудь. На ваше усмотрение ;)

something = prompt ("Введите ваше имя:", defaultText="");
if (something) alert("Имя: " + n)

ShowModalDialog

Пожалуй самая интересная часть. Данная команда позволяет вызвать полноценное модальное окно, с содержимым в формате HTML. Так же окно может возвращать произвольное значение в наш скрипт.

showModalDialog(htmlfile,name,params);

htmlfile - URl с содержимым окна.
name - заголовок окна
params - параметры окна

О них пожалуй по подробнее:
Параметры это строка вида ключ=значение разделенная запятыми.
Ключи могут быть следующих видов.

Параметр	Значение	Описание
border	thick \| thin	Задает толщину рамки окна
center	yes \| no или 1 \| 0	Выравнивает окно по центру экрана монитора
dialogHeight	px, %...	Высота диалогового окна
dialogLeft	px, %...	Задает положение левого верхнего угла по горизонтали
dialogTop	px, %...	Задает положение левого верхнего угла по вертикали
dialogWidth	px, %...	Ширина диалогового окна
maximize	yes \| no или 1 \| 0	Добавляет кнопку "Развернуть" в строке заголовка
minimize	yes \| no или 1 \| 0	Добавляет кнопку "Свернуть" в строке заголовка