Введение | 15 |
|
О чём эта книга? | 15 |
Почему для Internet Explorer4? | 15 |
Совместимость с броузерами | 16 |
Что вам нужно для использования этой книги? | 16 |
Кто должен читать эту книгу? | 16 |
Где найти примеры, утилиты и новые версии? | 17 |
Что такое World Wide Web? | 17 |
Немного терминологии | 18 |
Соглашения | 19 |
Расскажите нам о своих впечатлениях | 20 |
В помошь читателю | 21 |
|
Глава 1. Представление DynamicHTML | 22 |
|
Основы DynamicHTML | 23 |
Языки разметки документов | 23 |
SGML | 24 |
DTD | 24 |
Язык разметки гипертекста | 25 |
Что нового в DynamicHTML | 25 |
Что не изменилось | 26 |
Что на самом деле нового | 26 |
Доступ к элементам страницы | 28 |
Свойства, стили и таблицы стилей | 29 |
Улучшенная объектная модель | 30 |
Абсолютное позиционирование и третье измерение | 31 |
Движение и динамическое обновление страницы | 32 |
Обработка и прохождение событий | 33 |
Фильтры | 34 |
Начиная работу с DynamicHTML | 35 |
Что вам нужно знать | 35 |
Необходимые инструменты | 36 |
Резюме | 37 |
|
Глава 2. Таблицы стилей, абсолютное позиционирование |
и третье измерение | 39 |
|
Использование стилей и таблиц стиля | 40 |
Что такое таблицы стилей | 40 |
Пример | 41 |
Создание таблицы стилей | 42 |
Синтаксис | 43 |
Наследование | 44 |
Каскадные таблицы стилей | 45 |
Применение таблиц стилей | 46 |
Использование тега <LINK> | 46 |
Использование тега <STYLE> | 46 |
Использование конструкции ©import | 47 |
Применение таблиц стилей к части страницы | 47 |
Применение тега <STYLE> к части документа | 47 |
Классы | 48 |
Ter <DIV> | 49 |
Новые параметры стиля в Dynamic HTML | 49 |
Представление и позиционирование элементов | 50 |
Создание 2,5-мерной Web-страницы | 51 |
Работа с выделенным текстом | 52 |
Управление слоями с помошью свойства z-index | 55 |
Управление переполнением и видимостью | 56 |
Простые текстовые трёхмерные эффекты | 57 |
Добавление на страницы кода сценария | 58 |
Где расположить сценарий | 59 |
Создание сценария на странице | 60 |
Использование сценария для управления свойствами в DynamicHTML | 61 |
Атрибут style | 62 |
Использование объекта style | 62 |
Передвижение элементов по странице | 63 |
Резюме | 66 |
|
Глава 3. Объектная модель в Dynamic HTML | 67 |
|
Введение в объектную модель | 68 |
Зачем нужна объектная модель? | 68 |
Объектная модель и написание сценариев | 68 |
Краткий обзор объектной модели | 69 |
Объекты, методы, свойства и события | 70 |
Схема объектной модели | 71 |
Объект window | 74 |
Свойства объекта window | 74 |
Методы объекта window | 75 |
Новые окна броузера | 75 |
Встроенные диалоги | 75 |
Фокус, прокрутка и таймеры | 78 |
События объекта window | 79 |
Дочерние объекты window | 81 |
Объект history | 81 |
Объект navigator | 82 |
Объект location | 82 |
Объект event | 83 |
Изменяемые свойства | 84 |
Свойства, связанные с прохождением событий | 85 |
Объект screen | 85 |
Пример работы с объектом window | 86 |
Как это работает | 86 |
Переход к другой странице в списке history | 88 |
Резюме | 89 |
|
Глава 4. Объект document Dynamic HTML | 90 |
|
Объект document | 91 |
Свойства объекта document | 92 |
Обшие свойства объекта document | 92 |
Свойства цвета объекта document | 92 |
Другие свойства объекта document | 93 |
Методы объекта document | 93 |
Запись текста и кода HTML в документ | 94 |
Создание и адресация элементов | 94 |
Командные методы объекта document | 95 |
События объекта document | 95 |
События мыши | 95 |
Другие события объекта document | 97 |
Коллекции объекта document | 97 |
Работа с коллекциями объекта document | 98 |
Длина коллекции и фильтрация | 99 |
Использование коллекции forms | 100 |
Доступ к свойствам и методам | 101 |
Пример работы с коллекциями и объектом document | 101 |
Использование коллекции all | 102 |
Код, управляющий кнопкой collections | 103 |
Объект selection | 104 |
Выделенные участки и текстовые области | 105 |
Пример работы с объектом selection | 105 |
Статические и динамические фильтры | 106 |
Так что такое фильтр? | 107 |
Статические фильтры | 107 |
Пример использования статического фильтра | 108 |
Динамические фильтры | 111 |
Пример работы с динамическими фильтрами | 113 |
Резюме | 116 |
|
Глава 5. Сценарий и обработка событий | 117 |
|
Что такое события? | 118 |
Что такое программирование, управляемое событиями? | 118 |
Откуда берутся события? | 118 |
События в DynamicHTML | 119 |
Реакция на события броузера | 120 |
Связывание кода с событиями | 120 |
Обработка событий в VBScript | 120 |
Обработка событий в языке JavaScript | 121 |
Отмена действия события | 123 |
Работа с событиями | 124 |
Получение информации о событии | 124 |
Информация о мыши и объект event | 124 |
Информация о клавиатуре объекта event | 125 |
Определение источника события | 126 |
Создание наших собственных псевдособытий | 128 |
Обработка и прохождение событий | 128 |
Управляющая система объекта event | 128 |
Прохождение событий через контейнер элемента | 129 |
Поиск источника | 131 |
Свойство srcElement | 131 |
Свойство cancelBubble | 132 |
Свойства toElement и fromElement | 135 |
Свойство returnValue | 135 |
Динамическое позиционирование элементов | 136 |
Свойства позиции объекта event | 136 |
Несколько примеров на свойство position объекта event | 137 |
Страница с «бегаюшими» кнопками | 139 |
Как это работает | 140 |
Ссылки на объекты | 141 |
Проверка элемента источника | 141 |
Движение элементов | 141 |
Реакция на нажатие кнопки | 142 |
Движение кнопки Visit Our Site | 143 |
Резюме | 145 |
|
Глава 6. Управление содержимым страницы | 147 |
|
Изменение элементов на странице | 148 |
Свойства и методы управления содержанием | 148 |
Свойства управления содержанием элемента | 149 |
Свойство innerText | 149 |
Свойство innerHTML | 150 |
Методы InsertAdjacent объекта element | 150 |
Пример на управление содержимым страницы | 151 |
Код HTML на странице | 152 |
Отображение значений свойств | 153 |
Изменение значений свойств | 153 |
Использование методов incertAdjacent | 158 |
Работа с объектами TextRange | 160 |
Что такое объект TextRange? | 160 |
Создание текстовой области | 161 |
Движение текстовой области | 161 |
Получение информации о текстовой области | 163 |
Управление содержимым текстовой области | 164 |
Сводные данные по объекту TextRange | 164 |
Пример работы с текстовыми областями | 165 |
Что делает этот пример | 166 |
Как это работает | 167 |
Создание динамических таблиц | 171 |
Коллекции rows и cells | 171 |
Использование коллекций | 172 |
Пример страницы с динамической таблицей | 172 |
Исходная страница | 173 |
Изменение содержания таблицы | 174 |
Резюме | 178 |
|
Глава 7. Диалоги, формы и привязка данных | 180 |
|
Создание новых окон и диалогов | 181 |
Новые окна броузера | 181 |
Сводные данные по свойствам метода open | 182 |
Модальные диалоговые окна | 182 |
Что такое модальные диалоговые окна | 183 |
Сводные данные по свойствам метода showModalDialog | 183 |
Пример, описывающий работу с окнами и диалогами | 184 |
Исходная страница | 185 |
Открытие нового окна броузера | 185 |
Открытие модального диалогового окна | 186 |
Динамическая страница в новом окне | 188 |
Использование возвращаемого значения | 194 |
Формы Dynamic HTML | 195 |
Ещё немного о проблеме совместимости | 196 |
Недостатки внедренных объектов | 197 |
Создание динамических форм | 197 |
Абсолютное позиционирование в формах | 197 |
Новые теги и свойства | 198 |
Дополнительные поддерживаемые события | 198 |
Ter <BUTTON> | 198 |
Теги <FIELDSET> и <LEGEND> | 199 |
Ter <LABEL> | 200 |
Атрибуты ACCESSKEY и TABINDEX | 200 |
Пример динамической формы | 201 |
Новые свойства и установки управления | 202 |
Сценарий для работы страницы | 204 |
Контекстно-зависимая справка | 210 |
Использование объектов и внешних элементов управления | 212 |
Использование апплетов Java | 212 |
Тег <APPLET> | 212 |
Использование элементов управления ActiveX | 215 |
Тег <OBJECT> | 215 |
Привязка данных в DynamicHTML | 217 |
Обратная сторона обработки на сервере | 218 |
Кэширование данных на стороне клиента | 218 |
Предоставление исходных данных | 218 |
Внедрение элемента управления простыми табличными данными | 219 |
Атрибуты привязки данных | 219 |
Однозначная привязка данных | 219 |
Перемещение по базе данных | 221 |
Табличная привязка данных | 222 |
Сортировка и фильтрация | 222 |
Резюме | 223 |
|
Глава 8. Совместимость броузеров и будущее HTML | 225 |
|
Project Cougar — HTML будущего | 226 |
Эволюция стандартов HTML | 226 |
Традиционная структура документа | 227 |
Основные принципы Project Cougar | 227 |
Предпосылки появления Project Cougar | 228 |
Новая объектная модель документа | 228 |
Совместимость броузеров с Cougar | 229 |
Internet Explorer 4 | 229 |
Перемещение по структуре, управление документом и его элементами | 229 |
Модель событий | 230 |
Объектная модель таблиц стилей | 230 |
Информация о документе и об ошибках | 230 |
Языки сценария | 231 |
Улучшенные формы HTML | 231 |
Будущее тега <OBJECT> | 231 |
Netscape Communicator 4 | 234 |
Особенности структуры, управления документами и их содержимым | 235 |
Модель событий | 235 |
Поддержка стилей и таблиц стилей | 236 |
Информация о документах и ошибках | 236 |
Языки сценария | 236 |
Улучшенные формы HTML | 237 |
Communicator и тег <OBJECT> | 237 |
Новые особенности Netscape Communicator | 237 |
Сложности с обратной совместимостью | 238 |
Internet Explorer 4 | 238 |
Совместимость со старыми страницами для Internet Explorer | 238 |
Совместимость со старыми страницами для Netscape Navigator | 238 |
Совместимость версий VBScript | 239 |
Netscape Communicator 4 | 239 |
Совместимость со старыми страницами для Netscape Navigator | 239 |
Совместимость со старыми страницами для Internet Explorer | 239 |
Создание совместимых страниц и узлов | 239 |
Поддержка различных наборов страниц | 240 |
Перемещение в зависимости от броузера | 240 |
Страницы, совместимые с разными броузерами | 244 |
Совместимость свойств стиля и шрифта | 244 |
Доступ к объектной модели броузера | 247 |
Работа с более сложными страницами | 249 |
Резюме | 254 |
|
Приложение 1. Список свойств, методов и событий | 259 |
|
Приложение 2. Список тегов DynamicHTML | 297 |
|
Приложение 3. Справочник по свойствам таблиц стилей | 385 |
|
Единицы измерения | 385 |
Свойства DynamicHTML | 386 |
Свойства шрифта | 386 |
Свойства цвета и фона | 388 |
Свойства текста | 391 |
Свойства, связанные с размером и рамкой | 394 |
Свойства печати | 400 |
Свойства фильтров | 401 |
Другие свойства | 404 |
Неподдерживаемые свойства | 404 |
|
Приложение 4. Список тегов HTML по категориям | 405 |
|
Структура документа | 405 |
Заголовки и названия | 406 |
Параграфы и строки | 406 |
Стили текста | 406 |
Списки | 407 |
Таблицы | 407 |
Ссылки | 408 |
Графика, объекты, мультимедиа и сценарий | 408 |
Формы | 409 |
Фреймы | 409 |
|
Приложение 5. Объектная модель броузера | 410 |
|
Описание объектной модели | 410 |
Подробнее об объектах | 413 |
Объект Document | 413 |
Объект Event | 415 |
Объект History | 416 |
Объект Location | 417 |
Объект MimeType | 417 |
Объект Navigator | 418 |
Объект Screen | 418 |
Объект Selection | 419 |
Объект Style | 419 |
Объект Stylesheet | 424 |
Объект TextRange | 425 |
Объект Window | 426 |
Справочник по элементам управления форм HTML | 429 |
|
Приложение 6. Названия и номера цветов в HTML | 432 |
|
Приложение 7. Специальные символы в HTML | 437 |
|
Приложение 8. Язык VBScript | 441 |
|
Обработка массивов | 441 |
Операторы присваивания | 442 |
Константы | 442 |
Константа ошибок | 442 |
Константы системных цветов | 442 |
Константы сравнения | 443 |
Константы даты и времени | 443 |
Константы форматов даты | 443 |
Константы для работы с содержимым файла | 444 |
Строковые константы | 444 |
Логические константы | 444 |
Константы типа переменной | 444 |
Управляющие операнды | 445 |
Функции | 446 |
Функции преобразования | 447 |
Функции даты/времени | 447 |
Математические функции | 448 |
Функции для управления объектами | 449 |
Функции инициализации интерпретатора кода сценария | 449 |
Строковые функции | 449 |
Функции проверки переменных | 451 |
Объявление переменных | 451 |
Обработка ошибок | 451 |
Операции ввода-вывода | 451 |
MsgBox | 452 |
InputBox | 454 |
Процедуры | 454 |
Другие ключевые слова | 454 |
Коды ошибок выполнения Visual Basic | 454 |
|
Учебник по VBScript | 458 |
|
Что такое VBScript | 458 |
Как пользоваться этим учебником | 458 |
Упражнения шаг за шагом | 459 |
Урок 1. Вставка сценария на VBScript в Web-страницы | 459 |
Ter <SCRIPT> | 459 |
Работа с несовместимыми броузерами | 459 |
Первое упражнение по языку VBScript | 460 |
Упражнение 1: вставка сценария на VBScript на страницу | 460 |
Урок 2. Работа с переменными | 463 |
Объявление переменных | 463 |
Правила для названий переменных | 464 |
Варианты и подтипы | 464 |
Присваивание значений | 464 |
Сферы влияния переменных | 465 |
Константы | 465 |
Массивы | 465 |
Второе упражнение по языку VBScript | 466 |
Урок 3. Объекты и VBScript | 470 |
Добавление объектов на страницу | 470 |
Связывание кода на VBScript с объектами | 470 |
Третье упражнение по VBScript | 471 |
Упражнение 3: работа с объектами | 471 |
Урок 4. Управляющие операторы VBScript | 474 |
Условные выражения | 474 |
If… Then… Else | 475 |
Select Case | 476 |
Операторы цикла | 476 |
For… Next | 477 |
For Each… Next | 477 |
Do… Loop | 477 |
While… Wend | 479 |
Четвёртое упражнение по VBScript | 479 |
Упражнение 4: работа с циклами | 479 |
Урок 5. Использование VBScript при создании форм | 483 |
Проверка содержимого ваших форм | 484 |
Пятое упражнение по VBScript | 486 |
Резюме | 490 |
|
Приложение 9. Справочник по JavaScript | 491 |
|
Обшая информация | 491 |
Типы данных | 492 |
Переменные | 492 |
Операторы присваивания | 493 |
Операторы сравнения | 493 |
Другие операторы | 494 |
Строковые операторы | 494 |
Комментарии | 494 |
Ввод-вывод | 495 |
Alert | 495 |
Confirm | 495 |
Prompt | 495 |
Управление ходом программы | 496 |
Условные выражения | 496 |
Циклы | 497 |
Встроенные функции | 497 |
Встроенные объекты | 498 |
Объект Array | 498 |
Объект Boolean | 499 |
Объект Date | 499 |
Объект Function | 500 |
Объект Arguments | 501 |
Объект Math | 501 |
Объект Number | 502 |
Объект String | 502 |
Зарезервированные слова | 504 |
|
Алфавитный указатель | 505 |