Работа с окнами

Автор статьи: Владимир Дронов ©

Сайт Автора: нет

E-mail Автора: нет

Дата публикации: 5.08.2005

Давайте поподробнее остановимся на некоторых моментах использования свойств и методов окон.

Прежде всего, требуется дополнительное рассмотрение метода open. Он позволяет Web-дизайнеру открыть на экране дополнительное окно Web-обозревателя и поместить в него какую-либо страницу - очень полезное средство для разработки сложных многостраничных сайтов.

var contentsWindow;
contentsWindow = window.open("http://www.somesite.ru/contents.htm","contents");

В этом примере мы создали новое окно, загрузили в него некую Web-страницу и присвоили ей имя contents. Метод open вернул ссылку на объект вновь созданного окна, которую мы можем впоследствии использовать для работы с этим окном:

contentsWindow.Left = 300;

Имя окна можно использовать в атрибуте TARGET тега <A>:

<A href="http://www.somesite.ru/contents2.htm"
target="contents">Содержание</A>

Можно использовать дополнительные свойства окна, чтобы тонко управлять его характеристиками. Например, мы очень легко можем убрать у вновь создаваемого окна полосу инструментов и строку состояния:

contentsWindow = window.open("http://www.somesite.ru/contents.htm",
"contents", "toolbar=no", "status=no");

Мы можем задать начальные координаты и размеры создаваемого окна:

contentsWindow = window.open("http://www.somesite.ru/contents.htm",
"contents", "top=100", "left=200", "width=400", height="200");

А эта строка будет работать только в NN версии 4.06 или более поздней:

contentsWindow = window.open("http://www.somesite.ru/contents.htm",
"contents", "screenY=100", "screenX=200", "outerWidth=400",
outerHeight="200");

Когда создание окна перестанет быть нужным, его можно закрыть при помощи метода close. Свойство closed позволит в дальнейшем проверить, закрыто ли это окно (например, если его закроет пользователь):

contentsWindow.close;
if(contentsWindow.closed) . . .

Свойство status позволяет поместить в строку состояния какой-либо текст, отличный от текста по умолчанию:

window.status = "Справочник WEB - языков";

А свойство defaultStatus позволит также просто вернуть туда текст по умолчанию:

window.status = window.defaultStatus;

Вы также можете вести примитивный диалог с пользователем, используя три специально предусмотренных метода. Метод alert выводит на экран окно предупреждения с заданным текстом и кнопкой Ок:

window.alert("Привет!!!");

Метод confirm отображает окно сообщения с текстом и кнопками Ок и Отмена. Если пользователь нажал Ок, возвращается true, иначе - false.

if(window.confirm("Выберите что-нибудь.")) alert("Вы нажали Ок");
else alert("Вы нажали Отмена");

Метод prompt позволяет запросить у пользователя какие-либо данные. Он выводит диалоговое окно с полем ввода и кнопками Ок и Отмена. В качестве параметров принимается текст приглашения и необязательный текст по умолчанию, отображаемый в поле ввода:

string=window.prompt("Пример использования метода prompt:", "Введите что-нибудь");
alert(string);