Управление стилями
Уже понятно, как модифицировать HTML-теги с помощью тега <STYLE>. Этот параграф посвящен управлению стилями из сценариев и разработке DHTML-документов (которые изменяют свой вид в броузере). Поскольку VBScript запускается на выполнение на компьютере-клиенте, можно подключить механизм динамического изменения содержимого HTML-документов и их активизирования на компьютере-клиенте.
На рис. 19.11 показана простая Web-страница со списком книг издательства SYBEX. Названия книг сгруппированы по сериям, которым они принадлежат, и образуют список с отступами. Этот документ отображает всю информацию в одном окне, содержащем длинный список серий и названий книг.
Рис. 19.11. Простой HTML-список
Если просматривать аналогичную информацию приложением
Visual Basic, можно рассчитывать на другую организацию — древовидную структуру, в которой можно раскрывать и сворачивать отдельные серии и просматривать только интересующие вас названия книг. Нечто подобное можно делать и в HTML, используя названия серий в качестве гиперссылок на отдельные документы, каждый из которых содержит названия книг из одной серии. Таким образом организованы названия книг на Web-узле Sybex в World Wide Web.
Используя DHTML, можно организовать серии и названия книг в виде расширяющегося списка, чтобы избежать дополнительных обращений к Web-серверу. Каждое название серии может действовать как раздел, который при нажатии открывает следующий список. Можно открыть документ SBXHTML.НТМ (папка этой главы на компакт-диске) и поэкспериментировать с ним. Чтобы получить список первого уровня (названия серий), щелкните на названии документа, а затем — на имени серии, чтобы увидеть список книг. Если вновь щелкнуть на названии серии, список будет свернут и предоставит место для других списков (рис. 19.12 и 19.13).
Даже заголовок документа на странице SBXHTML НТМ является активным элементом. При первом открытии документа можно увидеть только его. Чтобы увидеть имена серий, щелкните на заголовке. Чтобы свернуть список, щелкните на заголовке вновь.
Рис. 19.12. DHTML позволяет создавать Web-страницы, которые изменяют свой вид и содержимое в зависимости от действий пользователя. Название серии Developers Handbooks становится красным, когда на него помещается указатель мыши
Рис. 19.13. Эта страница показывает несколько заголовков из серии Developers Handbooks. Если пользователь щелкнет опять на элементе Developers Handbooks, то список серий примет вид, отображенный на рис. 19.12
