Главная
К библиотеке

Взаимодействие с пользователем. Часть 1.

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

Методы для открытия новых окон
Метод Описание Пример 
alert(message)
 Отображает модальное (требующее реакции пользователя) окно, содержащее кнопку "Ok". Используется, преимущественно, для сообщений об ошибках. Я, в своей практике, использую его для простейшей отладки скриптов, так как оно позволяет вывести содержимое переменной. 
confirm(message)
 Данное окно аналогично окну Alert, за исключением того, что оно содержит две кнопки - "Ok" и "Cancel". Позволяет получить от пользователя подтверждение или отказ от каких-либо действий. Возвращает значение True если нажата кнопка Ok и False в случае нажатия кнопки Cancel: 
if (confirm("Пример окна Confirm")) {
     alert("Ok"); }
else {
     alert("Cancel");
 }

open([url [,name [,
options [,
replace]]]])
 Открывает новое окно браузера, содержащее документ, находящийся по адресу "url", поле options может содержать следующие элементы:
Элемент Значения Описание
directories [yes|no] | [1|0] Включает в открываемое окно строку каталогов
menubar [yes|no] | [1|0] Включает в открываемое окно строку меню
location [yes|no] | [1|0] Включает в открываемое окно строку адреса
toolbar [yes|no] | [1|0] Включает в открываемое окно строку инструментов
scrollbars [yes|no] | [1|0] Включает в открываемое окно полосы прокрутки содержимого
status [yes|no] | [1|0] Включает в открываемое окно строку состояния
menubar [yes|no] | [1|0] Включает в открываемое окно строку меню
height пиксели Высота открывемого окна
width пиксели Ширина открываемого окна
top пиксели Расстояние между верхней границей открываемого окна и верхней границей рабочего стола
left пиксели Расстояние между левой границей открываемого окна и левой границей рабочего стола
resizable [yes|no] | [1|0] Включает-выключает возможность изменения размеров открываемого окна

Строка options задается таким образом: "option = value [,option2 = value2... [,optionn = valuen] ... ]]".

Необходимо заметить, что функция open является методом элемента класса window. Таким образом вызов ее будет выглядеть так: window.open(....)
Маиериал с сайта http://exper.ural.ru
Hosted by uCoz