Команды и эффекты
A. Команда onClick (на щелчок) - щелкнув по ссылке, можно запустить событие.
Скрипт 1:
<a href=" urok.htm" onClick="alert('Ответ');">Школота</a>
B. Команда onFocus (на фокус) вызывает действие, когда пользователь «фокусируется» на элементе страницы. Это годится для форм: флажков (checkbox) и текстовых полей (textbox).
Скрипт 2:
<form>
<input type="text" size="30"
onFocus="window.status='Посмотри текст в строке состояния';">
</form>
C. Команда onBlur (на потерю фокуса) позволяет сообщить пользователю о том, что он изменил свой ответ.
Скрипт 3:
<form>
<input type="text" size="65" value="Впишите свое имя и щелкните по другой строке"
onBlur="alert('Вы изменили ответ — уверены, что он правильный?ОЛололололо');">
</form>
D. Команда onChange (на изменение)- этот обработчик события проверяет, сделал ли пользователь то, что вы от него просили. В строке состояния появится сообщение.
Скрипт 4:
<form>
<input TYPE="text" size="55"
value="Измените текст и щелкните по другой строке"
onChange="window.status='Текст был изменен';">
</form>
F. Команда onSubmit (на отправку) позволяет вызвать какое-либо действие, когда вы нажимаете кнопку Submit (отослать, отправить).
Скрипт 5:
<form>
<input TYPE="submit"
onSubmit="parent.location='urok.htm'";>
</form>
parent.location — это стандартная схема ссылки на другую страницу. В данном случае parent является свойством окна браузера, а location — объектом, который появится в этом окне. То есть parent.location='' означает ссылку.
Скрипт:
<FORM> Name: <INPUT TYPE="text" SIZE="30" onFocus="window.status='Введите свое имя';">
Что вам больше нравится: <INPUT TYPE="checkbox" onClick="window.status='Вы выбрали шоколад'";> Шоколад
<INPUT TYPE="checkbox" onClick="window.status='Вы выбрали мороженое'";> Мороженое
<INPUT TYPE="submit" onClick="alert('Спасибо за участие в опросе')";">
</FORM>
G. Команды onMouseOut, onMouseOver, onLoad и onUnload (на вход и выход) помещаются внутри строки HTML <BODY> и вызывают событие, когда страница открывается или закрывается, то есть когда вы уходите со страницы.
onMouseOut и onUnload начинают действовать после того, как вы что-то сделали. onMouseOver вызывает некое событие, если навести мышь, к примеру, на ссылку. В противоположность ей onMouseOut начинает действовать, если курсор увести со ссылки. Вы также знаете, что команда onLoad запускает скрипт, когда страница загружается. Команда onUnload действует, когда пользователь уходит со страницы.
Скрипт 6:
<A HREF="urok.htm" onMouseOver="window.status='Уведи курсор';
return true"
onMouseOut="window.status='спасибо'; return true">
Наведите курсор на эту ссылку и уведите обратно</A>
<BODY onUnload="alert('Уже уходите?')">
Разбор скрипта
Эффекты с мышью создаются с помощью команд onMouseOver и onMouseOut. Нужно писать их как две абсолютно разные команды, каждая из которых содержит свою команду return true. Чтобы получить такой эффект при уходе со страницы, добавляем команду onUnload="alert('Уже уходите?')" в строку BODY.
