Иллюстрированный самоучитель по созданию сайтов

Веб-страницы, реагирующие на действия пользователя

• Ввод данных пользователем в формы HTML

  Одно из основных отличий новой версии HTML (4.0) от предыдущих состоит в том, что теперь веб-страница может отслеживать действия пользователя и реагировать на них, изменяя свой вид. В этой главе мы рассмотрим несколько примеров такой реакции.

• Страница, управляемая при помощи мыши

  Мы уже говорили о том, что одним из самых привлекательных нововведений HTML 4.0 является возможность динамически изменять страницы и реагировать на действия пользователя. Давайте рассмотрим, как такая реакция может осуществляться.

• Динамическое управление позиционированием элементов

  Чтобы все это реализовать, придется использовать позиционирование объектов на экране. Прежде всего, определим позицию блока, в который будет включена таблица ("игровое поле"): | <DIV STYLE="width: 400px; height: 400px; position: absolute;

• Страница, управляемая с клавиатуры

  А теперь давайте рассмотрим, как можно обрабатывать еще некоторые события, которые могут возникать при просмотре веб-страниц. Если в прошлом разделе мы в основном занимались обработкой событий мыши, то сейчас займемся событиями, связанными с клавиатурой.

• Динамическое отображение текста веб-страницы

  В этом разделе мы рассмотрим, какими способами можно динамически изменять текстовое содержание страницы. В предыдущих разделах, как вы помните, мы изменяли, как правило, только внешний вид текстовых;элементов (цвет текста, начертание шрифта и т. д.).

• Использование других свойств при работе с текстом

  Помимо рассмотренного здесь свойства innerHTML, каждый элемент веб-страницы имеет еще три похожих свойства: | innerText – то же, что и innerHTML, однако не может содержать HTML теги; | outerHTML – то же, что и innerHTML, но включает в себя открывающий и закрывающий теги данного элемента, а также вложенные элементы;

• Динамическое изменение графических элементов веб-страницы

  Итак, в предыдущем разделе мы узнали, каким образом можно произвольно изменять любые текстовые элементы на веб-странице. А как быть, если надо динамически изменить не текст, а графику?