- •Методические указания по выполнению лабораторных работ
- •Задание
- •Часть вторая
- •Задание
- •Часть третья
- •Задание
- •Часть четвертая
- •Рассморим скрипт
- •Задание
- •Лабораторная работа № 2
- •Разбор скрипта
- •Задание
- •Команды и эффекты
- •Задание
- •Лабораторная работа № 3
- •Рассмотрим скрипт.
- •Разбор скрипта
- •События onMouseOut и onUnload
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 4
- •Разбор скрипта
- •Продолжаем рассматривать работу с окнами. Скрипт
- •Разбор скрипта
- •Задание
- •Лабораторная работа № 5
- •Часть 1
- •Разбор скрипта
- •Часть 2
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание № 1
- •Задание № 2
- •Задание № 3
- •Лабораторная работа № 6
- •Скрипт:
- •Разбор скрипта
- •Разбор скрипта
- •Разбор скрипта
- •Задания Задание по первой части
- •Задание по второй части
- •Задание по третьей части
- •Начало формы
- •Конец формы
- •Часть вторая
- •Разбор скрипта
- •Часть третья
- •Разбор скрипта
- •Часть четвертая
- •Разбор скрипта
- •Случайное число
- •Лабораторная работа № 8
- •Разбор скрипта
- •Часть вторая
- •Разбор скрипта
- •Задания Задание к первой части
- •Задание ко второй части
События onMouseOut и onUnload
Это два последних обработчика событий, которые вы должны иметь в своем арсенале: onMouseOut и onUnload (обратите внимание на заглавные буквы). onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Вы также знаете, что команда onLoad запускает скрипт, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы.
Скрипт
С мышью:
<A HREF="les10.htm" onMouseOver="window.status='Эй! Убирайся с меня!'; return true" onMouseOut="window.status='Так-то лучше, спасибо'; return true"> Наведите курсор на эту ссылку и уведите обратно</A>
При уходе со страницы:
<BODY onUnload="alert('Уже уходите?')">
Разбор скрипта
Эффекты с мышью, как вы уже догадались, создаются с помощью команд onMouseOver и onMouseOut. Обратите внимание, что между ними ощутимая разница. Вам не нужно, чтобы эти события происходили одновременно. Нужно писать их как две абсолютно разные команды, каждая из которых содержит свою команду return true.
Чтобы получить такой эффект при уходе со страницы, добавляем команду onUnload="alert('Уже уходите?')" в строку BODY. Обратите внимание на двойные и одинарные кавычки. Внутри двойных — одинарные. Вторая пара двойных кавычек означает для браузера конец команды.
Задание
Создайте функцию, которая вызовет два запроса (prompt). (Подсказка: один следует за другим с новой строки.) Первый попросит пользователя ввести свое имя, второй — отчество. Затем та же функция должна вызвать окно предупреждения (alert) c текстом:
«Привет, имя отчество, добро пожаловать на адрес страницы, мою замечательную страницу!»
Непременно создайте переменную для адреса страницы.
Если хотите еще поразвлечься, пусть слова "мою замечательную страницу" будут не просто вставлены в текст alert, сделайте это по-другому. Присвойте переменную и этому элементу.
Потренируемся с функцией, onMouseOver и onMouseOut.
Создайте страницу с гипертекстовой ссылкой.
Когда курсор находит на ссылку, в строке состояния должны появляться слова: «Привет, пользователь название браузера!».
Когда курсор уходит со ссылки, в строке состояния должен появляться текст: «Не скучаете у нас на URL страницы?»
Если щелкнуть по ссылке, должно всплыть окно со словами: «Уже уходите? Сейчас всего только текущее время»;
Время должно определяться через функцию.
Не пользуйтесь командой onClick, чтобы вызвать окно предупреждения, возьмите команду onUnload
<SCRIPT LANGUAGE="javascript"> function hello() { var first = prompt("Будьте добры, напишите свое имя", "Анна") var second = prompt("Будьте добры, напишите свое отчество", "Вадимовна") var page = document.location; var ttl = document.title; alert("Привет, " +first+ " " +second+ ". Добро пожаловать на " +ttl+ " по адресу: " +page+".") }
</SCRIPT>
A вот команда в строке BODY:
<body bgcolor="хххххх" onLoad="hello()">
onMouseOver и onMouseOut
<head> <script language="javascript>
<!-- var bname = navigator.appName; var page = document.location; function time() { var d = new Date(); var h = d.getHours(); var m = d.getMinutes(); var s = d.getSeconds(); var t = h + ':' + m + ':' + s + ''; alert("Куда ж так быстро? Всего только " + t + "!"); } //-->
</script> </head>
<body bgcolor="#D6E4E7" onUnload="time()">
<a href="assig10.htm" onMouseOver="window.status=('Привет, пользователь ' + bname + '!')" return true onMouseOut="window.status=('Не скучаете у нас на ' + page + '?')" return true>Пойдем, погуляем?< /a>
Функция между командами <head> задает время. К этой функции обращается команда onUnload в строке <body>. Переменная времени помещается внутри команды alert.