Створення нових вікон
Діалогові вікна
Існує чотири методи створення діалогових вікон, які перелічені у таблиці.
| alert | Виводить текст і чекає натискання кнопки ОК. Використовується переважно для повідомлень про помилки. | alert("Hello, world!") | |
| confirm | Аналогічно alert, але виводить дві кнопки ОК та Cancel. Використовується для завдання. При натисканні OK повертається true, а кнопка Cancel повертає false. |
if( confirm("Видалити всі? Впевнені?"))
else alert ("Ну як хочете.");
Методи alert та confirm дозволяють виводити кілька рядків тексту. Для перенесення тексту на інший рядок використовується символ \n. Метод prompt допускає трохи більше двох рядків у тексті запиту.
Створення індивідуальних діалогових вікон
За допомогою методу showModalDialog можна створювати вікна за своїм виглядом та бажанням. Однак, цей спосіб створення модальних вікон підтримується лише браузером Internet Explorer.
Подібні вікна мають такі особливості:
Синтаксис виклику методу є наступним.
URL є шлях до HTML-документа, який слід відкрити у діалоговому вікні. Ім'я єумовна назва вікна, його можна опустити.
Параметри для керування виглядом вікна можуть бути такими.
| 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 | Додає кнопку "Згорнути" у рядку заголовка |
Перелічені параметри можуть у будь-якому порядку через кому. Розмір діалогового вікна не може бути меншим ніж 100х100 пікселів і не допустимо розміщувати його за межами екрана. Увімкнення або вимкнення параметра можна визначати через вказівки значення yes або no (або 1 і 0). Наприклад, center=yes ідентично center=1.
Приклад 1. Створення діалогового вікна
У прикладі створюється вікно з розмірами 350х200, яке завантажується файл tips.html .
Створення спливаючих вікон
Спливаючі вікна є звичайними вікнами браузера, які створюються за допомогою об'єкта window . При цьому можна керувати виглядом цього вікна, задаючи його розміри та відключаючи різні елементи.
Для створення вікна використовується метод open, який має наступний синтаксис.
Значення параметрів збігаються з параметрами створення модального вікна методом showModalDialog.
Параметри, що управляють виглядом вікна, мають деякі відмінності від елементів діалогових вікон.
Нижче наведено приклад створення вікна без смуги прокручування, меню, рядки навігації та ін.
Приклад 2. Створення нового вікна
Параметри керування видом вікна можна використовувати в будь-якому порядку, перераховуючи їх через кому.
Закриття вікна
Якщо вікно створено динамічно за допомогою скрипта, його можна закрити будь-якої миті методом close .
Приклад 3. Закриття вікна
Змінна help у прикладі є посиланням на новостворене вікно, тому його закриття йде через метод help.close() .
Коли метод close застосовується до основного вікна, браузер видасть попередження про те, що програма намагається закрити вікно та згодні ви на таке чи ні. Це зроблено з метою безпеки і унеможливлює мимовільне закриття необхідних вікон.