Web-дизайн и программирование в Интернет. Макурина Т.А - 38 стр.

UptoLike

ВУЗ: 

ПГУ | Пенза

Составители: 

Рубрика: 

38
........................
<select id="Select1" onClick="SelectClicked()">
<option value="1">Опция 1
<option value="2">Опция 2
<option value="3">Опция 3
<option value="4">Опция 4
<option value="5">Опция 5
</select>
<input name="TextBox" type="text" size = "20">
Пример 5.
Метод confirm() объекта window позволяет вывести на экран диалоговое окно с
кнопками "ОК" и "Отмена".От выбора пользователя зависит результат возвращаемого
этой функцией значения: true, если нажата кнопка ОК ; false,если нажата кнопка "Отмена".
Создадим страницу, при запуске которой будет выводится диалоговое окно с
предложением загрузки изображения img_1.gif. Если пользователь выбирает "Отмена",то
изображение загружено не будет.
<html>
<head> <title> Инициализация на JavaScript</title>
</head>
<body>
<script language="JavaScript">
if(confirm("Загрузить изображение?")==true)
document.write("<img src='img_1.gif'>");
</script>
</body> </html>
Метод write стандартного объекта документа document добавляет страницу строкой
"<img src='img_1.gif'>". Обратите внимание,что внешние кавычки являются двайными,а
внутренние-одинарными.
Задание
1. Установить на вашей Web-странице текстовое поле с помощью тэга <input> и
обеспечить его инициализацию при первом открытии Web-страницы браузером.
Необходимо реализовать данное задание с использованием JavaScript (см. пример № 1).
2. Установить на Web-странице текстовое
поле и кнопку "Показать сообщение",
нажатие на которую вызывает появление сообщения в текстовом поле.(см. пример № 2)
3. Установить на Web-странице 5 флажков с именами "Флажок1" "Флажок2" и т.д., а
также текстовое поле для указания вновь выбранного флажка.(см. пример № 3)
4. Установить на Web - странице 3 переключателя радиогруппы с именами
"Переключатель 1","Переключатель
2" и "Переключатель 3", а также текстовое для
указания выбранного переключателя.(По аналогии с примером № 3)
5. Установить на Web-странице раскрывающийся список выбора с пятью опциями,
имеющими названия "Опция1", "Опция2", "Опция3", "Опция4" и "Опция5", а также
текстовое поле для отображения выбранной опции (см. пример № 4).
6. Вставить в страницу вызов функции confirm() для выбора загрузки изображения
(см. пример № 5).
7. Изучить назначение функции alert() и привести пример использования на странице.
8. С помощью функции prompt() отобразить диалоговое окно для ввода текста, и
отобразить результ ввода на странице.
9. Оформить отчет по лабоаратороной работе и отчитаться преподавателю. 
........................




     Пример 5.
     Метод confirm() объекта window позволяет вывести на экран диалоговое окно с
кнопками "ОК" и "Отмена".От выбора пользователя зависит результат возвращаемого
этой функцией значения: true, если нажата кнопка ОК ; false,если нажата кнопка "Отмена".
     Создадим страницу, при запуске которой будет выводится диалоговое окно с
предложением загрузки изображения img_1.gif. Если пользователь выбирает "Отмена",то
изображение загружено не будет.

  Инициализация на JavaScript



 
     Метод write стандартного объекта документа document добавляет страницу строкой
"". Обратите внимание,что внешние кавычки являются двайными,а
внутренние-одинарными.
                                           Задание
     1. Установить на вашей Web-странице текстовое поле с помощью тэга  и
обеспечить его инициализацию при первом открытии Web-страницы браузером.
Необходимо реализовать данное задание с использованием JavaScript (см. пример № 1).
     2. Установить на Web-странице текстовое поле и кнопку "Показать сообщение",
нажатие на которую вызывает появление сообщения в текстовом поле.(см. пример № 2)
     3. Установить на Web-странице 5 флажков с именами "Флажок1" "Флажок2" и т.д., а
также текстовое поле для указания вновь выбранного флажка.(см. пример № 3)
     4. Установить на Web - странице 3 переключателя радиогруппы с именами
"Переключатель 1","Переключатель 2" и "Переключатель 3", а также текстовое для
указания выбранного переключателя.(По аналогии с примером № 3)
     5. Установить на Web-странице раскрывающийся список выбора с пятью опциями,
имеющими названия "Опция1", "Опция2", "Опция3", "Опция4" и "Опция5", а также
текстовое поле для отображения выбранной опции (см. пример № 4).
     6. Вставить в страницу вызов функции confirm() для выбора загрузки изображения
(см. пример № 5).
     7. Изучить назначение функции alert() и привести пример использования на странице.
     8. С помощью функции prompt() отобразить диалоговое окно для ввода текста, и
отобразить результ ввода на странице.
     9. Оформить отчет по лабоаратороной работе и отчитаться преподавателю.



                                                                                     38

Страницы