Създаване на нови прозорци
Диалогови прозорци
Има четири метода за създаване на диалогови прозорци, които са изброени в таблицата.
| тревога | Показва текст и изчаква щракване върху бутона OK. Използва се предимно за съобщения за грешки. | предупреждение ("Здравей свят!") | |
| потвърди | Подобно на предупреждението, но показва два бутона OK и Отказ. Използва се за задаване на въпрос. Кликването върху OK връща true, докато бутонът Cancel връща false. |
if( потвърди ("Изтрий всички? Сигурен ли си?"))
else alert ("Е, каквото искате. ");
Методите за предупреждение и потвърждение ви позволяват да показвате няколко реда текст. Символът \n се използва за обвиване на текст на друг ред. Методът на подкана позволява максимум два реда в текста на подкана.
Създаване на персонализирани диалогови прозорци
Използвайки метода showModalDialog, можете да създавате прозорци, както искате и искате. Този метод за създаване на модални прозорци обаче се поддържа само от Internet Explorer.
Такива прозорци имат следните характеристики:
Синтаксисът за извикване на метод е както следва.
URL адресът е пътят до HTML документа, който трябва да се отвори в диалоговия прозорец. Името представляваусловно име на отворения прозорец, то може да бъде пропуснато.
Параметрите за контролиране на външния вид на прозореца могат да бъдат както следва.
| рамка | дебел тънък | Задава ширината на рамката на прозореца |
| център | да не или 10 | Подравнява прозореца към центъра на екрана на монитора |
| dialogHeight | px,%. | Височина на диалогов прозорец |
| диалог вляво | px,%. | Указва хоризонталната позиция на горния ляв ъгъл |
| dialogTop | px,%. | Указва вертикалната позиция на горния ляв ъгъл |
| ширина на диалогов прозорец | px,%. | Ширина на диалогов прозорец |
| максимизиране | да не или 10 | Добавя бутон „Разгъване“ към заглавната лента |
| минимизиране | да не или 10 | Добавя бутон за минимизиране към заглавната лента |
Изброените параметри могат да вървят в произволен ред, разделени със запетаи. Размерът на диалоговия прозорец не може да бъде по-малък от 100x100 пиксела и не е разрешено поставянето му извън екрана. Можете да укажете дали даден параметър е активиран или деактивиран, като го зададете на да или не (или 1 и 0). Например center=yes е идентичен с center=1.
Пример 1: Създаване на диалогов прозорец
Примерът създава прозорец с размери 350x200 и зарежда файла tips.html в него.
Създаване на изскачащи прозорци
Изскачащите прозорци са обикновени прозорци на браузъра, които се създават с помощта на обекта window. В същото време можете да контролирате външния вид на този прозорец, като зададете размера му и изключите различни елементи.
Методът open се използва за създаване на прозорец, който има следния синтаксис.
Стойностите на параметрите са същите като параметрите за създаване на модален прозорец с помощта на метода showModalDialog.
Параметрите, които контролират външния вид на прозореца, имат някои разлики от елементите на диалоговите прозорци.
Следва пример за създаване на прозорец без лента за превъртане, меню, лента за навигация и др.
Пример 2: Създаване на нов прозорец
Опциите за контрол на изгледа на прозореца могат да се използват в произволен ред, разделени със запетаи.
Затваряне на прозореца
Ако прозорецът е създаден динамично с помощта на скрипт, той може да бъде затворен по всяко време чрез метода за затваряне.
Пример 3: Затваряне на прозорец
Променливата help в примера е препратка към новосъздадения прозорец, така че затварянето му минава през метода help.close().
Когато методът за затваряне се приложи към главния прозорец, браузърът ще издаде предупреждение, че програмата се опитва да затвори прозореца, независимо дали сте съгласни или не. Това се прави от съображения за сигурност и елиминира възможността от неволно затваряне на необходимите прозорци.