Информатика и выч. техника \ Информатика

JAVAScript как универсальное средство создания интерактивных Web-страниц, страница 6

window.open("test.htm","","toolbar=0, resizable=0");}

</script>

<body>

<p onclick = "openIt()">

Для открытия еще одного окна с загруженным    документом test.htm щелкните на этом заголовке

</p>

</body>

</html>

3.1.2. Закрытие окна браузера

Метод close() объекта window закрывает окно браузера. Например, в следующем коде после щелчка по гиперссылке происходит закрытие окна обозревателя.

<html>

<body>

<p> Для закрытия окна щелкните по гиперссылке

<a href = "javascript: window.close(); void(0); ">

Закрыть окно

</a> </p>

</body>

</html>

3.1.3. Модальное окно

В HTML–документе допустимо создание модального окна для просмотра, т.е. такого окна, которое будет активным до тех пор, пока пользователь его не закроет. Подобные окна часто применяются для создания пользовательских окон ввода информации или окна About. Модальное окно открывается методом showModalDialog() объекта window.

Синтаксис:

showModalDialog(sURL[,varguments[,sFeatures]])

·  sURL – URL документа, загруженного в модальное окно;

·  varguments – передает в диалоговое окно произвольный набор параметров. Непосредственная передача данных производится методом dialogArguments объекта window. Возврат же значений из диалогового окна в документ реализуется свойством   returnValue объекта window;

·  sFeatures – параметры, задающие внешний вид окна.

Допустимые значения: dialogWidth: number – ширина окна; dialogHeight: number – высота окна; dialogTop: number – ордината верхнего левого угла окна; dialogLeft: number – абсцисса верхнего левого окна; center: {yes | no | 1 | 0} – расположение окна по центру экрана.

3.1.4. Модальное окно About

В данном разделе покажем на примере, как при помощи модального окна конструируется окно About, содержащее информацию о документе, например сведения об авторе, времени создания и т. д. Содержимое окна Aboutсохраняется в отдельном файле About.html, который надо расположить в том же каталоге, что и основной файл. В основном файле создается документ, в котором расположена гиперссылка, щелчек по которой и приводит к открытию модального окна About.

Основной документ с гиперссылкой вызова окна About.

<html>

<body>

<p>

Для получения справки, выберете гиперссылку

<a href = "javascript:

window.showModalDialog('About.html', '',

'dialogHeight:15; dialogTop:0; dialogLeft:0');

void(0); ">

Окно About

</a></p>

</body>

</html>

Модальное окно About. Файл About.html

<html>

<body>

Справочная служба 516-516 ответит на любой вопрос!

</body>

</html>

3.1.5. Диалоговое окно Alert

Метод alert() объекта window отображает диалоговое окно с сообщением и кнопкой OK.

Синтаксис:

alert([message])

где message – сообщение в диалоговом окне.

В следующем примере окно с сообщением появляется при щелчке по тексту.

<html>

<body>

<p onclick = "alert('Спасибо за тестирование'); ">

Для отображения окна Alert, щелкните по тексту

</p>

</body>

</html>

3.1.6. Диалоговое окно Confirm

Метод confirm() объекта window отображает диалоговое окно, аналогичное окну Alert с сообщением, но уже с двумя кнопками OK и Cancel. При нажатии кнопки OK возвращается значение true, а кнопки Cancel– false.

Синтаксис:

confirm([message]), где message– сообщение из диалогового окна.

Пример использования диалогового окна Confirm.

<html>

<body>

Для того чтобы протестировать метод <i>confirm</i>, щелкните по гиперссылке <a href = "javascript:

if (window.confirm ('Да или нет? '))

{window.alert('Нажали Да! ');}

else {window.alert('Нажали нет! ')} ">

Метод confirm

</a>

</body>

</html>

3.1.7. Диалоговое окно Prompt

Метод prompt() объекта windowотображает диалоговое окно со строкой подсказки, полем ввода и двумя кнопками OK и Отмена и возвращает введенное значение. Синтаксис:

Скачать файл