 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Команды и эффекты
|
|
Команда onClick (на щелчок)
Вы уже знаете, что onMouseOver запускает событие, если навести курсор на ссылку. Следовательно, щелкнув по ссылке, можно с таким же успехом запустить событие через onClick. Чтобы продемонстрировать действие команды, воспользуемся методом alert. Схема:
alert('текст, который появится в окне')
Таким образом, получаем:
<a href="http://www.jsp.newmail.ru" onClick="alert('Уже уходите!');"> Жмите сюда</a>
Помните, что внутри одинарных кавычек нельзя употреблять слова с апострофами ', иначе браузер поймет их, как окончание текста.
Команда onFocus (на фокус)
Это команда, которая вызывает действие, когда пользователь «фокусируется» на элементе страницы. Это годится для форм: флажков (checkbox) и текстовых полей (textbox). Вот пример:
<form>
<input type="text" size="30" onFocus="window.status='Текст в строке состояния';">
</form>
Команда onBlur (на потерю фокуса)
Если можно сосредоточиться на объекте, значит, можно и «потерять фокус». оnBlur позволяет сообщить пользователю о том, что он изменил свой ответ. Этот обработчик не так часто используется.
<form>
<input type="text" size="45" value="Впишите свое имя и щелкните по другой строке" onBlur="alert('Вы изменили ответ — уверены, что он правильный?');">
</form>
Команда onChange (на изменение)
Действие этой команды очень похоже на действие предыдущей, onBlur. Ее главная задача — проверка. Этот обработчик события проверяет, сделал ли пользователь то, что вы от него просили. Пример очень похож на предыдущий, но действует все-таки по-другому.
<form>
<input TYPE="text" size="45" value="Измените текст и щелкните по другой строке" onChange="window.status='Текст был изменен';">
</form>
Команда onSelect (на выделение)
Эта команда работает так же, как и три предыдущие, отмечая, что в поле ввода произошли изменения, — в данном случае был выделен текст.
Команда onSubmit (на отправку)
Это очень популярная команда. Она позволяет вызвать какое-либо действие, когда вы нажимаете кнопку Submit (отослать, отправить). Многим очень хочется, чтобы после того, как пользователь нажимает на кнопку, у него на экране появлялась страница с надписью: «Спасибо, что вы нам написали».
Формат такой:
<form>
<input TYPE="submit" onSubmit="parent.location='thanksalot.html'";>
</form>
Новая команда parent.location — это стандартная схема ссылки на другую страницу. Можно подумать, что parent (источник) — это объект, а location (местонахождение) — метод. Неверно. В данном случае parent является свойством окна браузера, а location — объектом, который появится в этом окне. То есть для ясности просто имейте в виду, что parent.location='' означает ссылку.
Команды onLoad и onUnload (на вход и выход)
Обе они помещаются внутри строки HTML <BODY>. Они вызывают событие, когда страница открывается или закрывается, то есть когда вы уходите со страницы. Эти команды потребуются вам, когда мы возьмемся за функции.
Задание
Необходимо создать форму, которая будет взаимодействовать с пользователем.
Форма должна иметь три элемента:
- поле ввода с просьбой ввести имя;
- два поля для флажков с вопросом о том, что больше нравится пользователю, мороженое или шоколад;
- кнопку отправки данных.
С каждым элементом должно произойти следующее:
Дата публикования: 2015-11-01; Прочитано: 457 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
