Пакет Adobe GoLive


ДИНАМИЧЕСКИЙ HTML


Глава 7 ДИНАМИЧЕСКИЙ HTML
Глава 7. ДИНАМИЧЕСКИЙ HTMLДинамический HTML Структура JavaScript Объектная модель Обработка событий Свойства и методы элементов Web-страницПрименение стилей Позиционирование элементов Web-страниц...
Динамический HTML
Динамический HTML Итак, изучив первые главы книги, мы научились разрабатывать HTML-документы, предназначенные для отображения в браузерах, и управлять стилевым оформлением элементов содержимого эт...
Структура JavaScript
Структура JavaScript У любого языка программирования есть свои правила работы. Есть свои типы для переменных и ключевые слова этого языка. То есть, все то, что отличает этот язык от остальных его...
Таблица 7 1 Операторы сравнения
Таблица 7.1. Операторы сравнения Оператор Значение == Точное равенство != Неравенство > Больше >= Больше или равно < Меньше <= Меньше или равно Естес...
Объектная модель
Объектная модель В предыдущем разделе, мы уже отмечали, что JavaScript потдерживает возможность работы с объектами, и что набор объектов фиксирован, т. е. разработчик не может добавлять в него сво...
Обработка событий
Обработка событий В предыдущем разделе этой главы мы изучили список событий, присущий объектам document и window. Уже, исходя из их наименования и кратких описаний было ясно, что они инициируются...
Листинг 7 1
Листинг 7. 1 <!bOCTYPE HTML PUBLIC "-//W3C7/DTD HTML 4. 01У/ЕЫМ "http://www.w3.org/TR/html4/strict.cltcl"><h.tjai><head><^1?1е>Иэменяемый «BeT</title>...
Внешний вид HTMLдокумента после работы программыскрипта
Рисунок 7.1. Внешний вид HTML-документа после работы программы-скрипта Между дарой.тегов <script> размещен код самой программы. Для того чтобы устаревшие версий браузеров, не поддерживающие...
Таблица 7 2 Теги и события
Таблица 7.2 Теги и события Тег Описание Список поддерживаемых событий <а> Гиперссылка onblur, onclick, ondblclick, ondragstart, onerrorupdate, onf interchange, onfocus, onhelp,...
Листинг 7 2
Листинг 7.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>06pa6oTKa co6biTMu</title&g...
Окно браузера с результатом отображения файла приведенного в листинге 7 2
Рисунок 7.2. Окно браузера с результатом отображения файла, приведенного в листинге 7.2 Теперь рассмотрим механизм действия функции info. Функция состоит из двух операторов. Первый из них присваив...
Таблица 7 3 События в DHTML
Таблица 7.3. События в DHTML Событие Описание onabort Инициируется, когда пользователь принудительно прерывает загрузку данных onaf terupdate Возникает при окончании передачи данных...
Свойства и методы элементов Webстраниц
Свойства и методы элементов Web-страниц В предыдущем разделе главы мы узнали, что каждый элемент Web-страницы, объявляемый при помощи того или иного тега, обладает собственным набором событий. Нал...
Таблица 7 4 Теги и методы
Таблица 7.4. Теги и методы Тег Гиперссылка Список методов <а> Гиперссылка blur, click, contains, focus, getAttribute, insertAd j acentHTML, insert Adjacent Text, remove At tribute, scr...
Таблица 7 5 Методы в DHTML
Таблица 7.5. Методы в DHTML Метод Описание add Добавляет элемент в список или коллекцию addAmbient Добавляет внешнее освещение в графический фильтр addCone Добавляет конический источ...
Таблица 7 6 Теги и свойства
Таблица 7.6. Теги и свойства Тег Описание Список свойств <а> Гиперссылка accessKey, className, dataFld, dataSrc, document, event, hash, host, hostname, href, id, innerText, isTe...
Таблица 7 7 Свойства в DHTML
Таблица 7.7. Свойства в DHTML Свойство Описание accessKey Задает "горячую клавишу" для быстрой установки фокуса ввода на элемент action Указывает адрес приложения или докум...
Применение стилей
Применение стилей Мы уже знаем, что применение каскадных таблиц стилей позволяет нам добиваться самых поразительных эффектов в оформлении содержимого Web-страниц. Но когда эти и без того немалые в...
Листинг 7 3
Листинг 7.3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>flMHaMM4ecKMe cTnrm</title&...
Окно браузера с результатом отображения
Рисунок 7.3. Окно браузера с результатом отображения файла приведенного в листинге 7.3, в тот момент, когда пользователь активизировал второй переключатель Теперь рассмотрим структуру HTML-кода со...
Листинг 7 4
Листинг 7.4 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><1;11;1е>Динамические стили</1:11:...
Окно браузера с результатом отображения
Рисунок 7.4. Окно браузера с результатом отображения файла, приведенного в листинге 7.4, в тот момент, когда пользователь активизировал второй переключатель Сама структура документа практически не...
Листинг 7 5
Листинг 7.5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm!4/strict.dtd"><html> <head><title>flMHdMM4ecKMe CTi«iJi</titl...
Окно браузера с результатом отображения
Рисунок 7.5. Окно браузера с результатом отображения файла, приведенного в листинге 7.5, в тот момент, когда пользователь навел курсор мыши на текстовую строку Механизм подключения скрипта к единс...
Таблица 7 8 Свойства объекта style
Таблица 7.8. Свойства объекта style Наименование свойства Описание свойства background Задает URL графического изображения, использующегося в качестве фона для элемента backgroundAttac...
Позиционирование элементов Webстраницы
Позиционирование элементов Web-страницы Одним из наиболее используемых преимуществ DHTML является возможность точно позиционировать элементы оформления Web-страницы. Как мы помним, в самом HTML у...
Листинг 7 6
Листинг 7.6 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www.w3.org/TR/html4/strict.dtd"><html> <head><1;11:1е>Динамическое позиционирован...
Окно браузера с результатом отображения
Рисунок 7.6. Окно браузера с результатом отображения файла, приведенного в листинге 7.6, в тот момент, когда пользователь навел курсор мыши на второй абзац При загрузке в браузер этого файла будет...
Листинг 7 7
Листинг 7.7<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head>е>Абсолютное позиционирование<^^1е>...
Окно браузера с результатом отображения
Рисунок 7.7. Окно браузера с результатом отображения файла, приведенного в листинге 7.7, в тот момент, когда пользователь прокрутил содержимое документа вверх На Рисунок 7.7 видно, что при прокрут...
Обработка форм
Обработка форм Как мы знаем, чаще всего формы с их органами ввода данных, применяются для того, чтобы передавать информацию, введенную пользователем, обрабатывающей программе, которая расположена...
Листинг 7 8
Листинг 7.8 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>06pa6oTKa <?opM</title&g...
Окно браузера с результатом отображения файла приведенного в листинге 7 8
Рисунок 7.8. Окно браузера с результатом отображения файла, приведенного в листинге 7.8. В этом HTML-документе мы создаем форму с одним полем текстового ввода (Рисунок 7.8). Данное поле предназнач...
Листинг 7 9
Листинг 7.9 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>06pa6oTKa <$opM</title>...
Окно браузера с результатом отображения
Рисунок 7.9. Окно браузера с результатом отображения файла, приведенного в листинге 7.9, после того как пользователь внес неправильное значение в поле ввода Но рассмотренные нами способы работы с...
Листинг 7 10
Листинг 7.10 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www.w3.oi;g/TR/html4/strict.dtd"><html> <head><title>06pa6oTKa <|>opM</...
Окно браузера с результатом отображения
Рисунок 7.10. Окно браузера с результатом отображения файла, приведенного в листинге 7.10, после того как пользователь выбрал второй переключатель Итак, рассмотрим механизм изменения содержимого о...
Внимание
ВниманиеНеобходимо учитывать, что нумерация в коллекциях ведется с нуля. В элементах списка мы меняем только текст, отображаемый в окне просмотра. Значение, передаваемое в обрабатывающую программу...
Графические фильтры
Графические фильтры Пожалуй, самой необычной возможностью технологии DHTML является использование так называемых "графических фильтров". Это, по сути, некоторые графические преобразовани...
Листинг 7 11
Листинг 7.11 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head>f <title>Tpa<J>M4ecKMe (J>i^...
Окно браузера с результатом отображения
Рисунок 7.11. Окно браузера с результатом отображения файла, приведенного в листинге 7.11, после того как пользователь щелкнул мышью на рисунке Начнем с простых фильтров отражения. Фильтр с наимен...
Листинг 7 12
Листинг 7.12 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>rpa<$M4ecioie <|>^bT...
Окно браузера с результатом отображения
Рисунок 7.12. Окно браузера с результатом отображения файла, приведенного в листинге 7.12, после того как сработал графический фильтр Как видно, код документа не слишком отличается от предыдущего...
Листинг 7 13
Листинг 7.13<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>Tpa<i>M4ecKMe фильтры<...
Окно браузера с результатом отображения
Рисунок 7.13. Окно браузера с результатом отображения файла, приведенного в листинге 7.13, после того как сработал графический фильтр Из приведенного кода HTML-документа становится ясно, данный ст...
Листинг 7 14
Листинг 7,14 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html><head>...
Окно браузера с результатом отображения
Рисунок 7.14. Окно браузера с результатом отображения файла, приведенного в листинге 7.14, после того как сработал графический фильтр...
Листинг 7 15
Листинг 7.15 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>Гpaфичecкиe фильтpы</title...
Окно браузера с результатом отображения
Рисунок 7.15. Окно браузера с результатом отображения файла, приведенного в листинге 7.15, после того как сработал графический фильтр Фильтр invert был применен к графическому изображению. Данный...
Листинг 7 16
Листинг 7.16 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>rpa<?M4ecKMe фильтpы</t...
Окно браузера с результатом отображения
Рисунок 7.16. Окно браузера с результатом отображения файла, приведенного в листинге 7.16, после того как сработал графический фильтр...
Листинг 7 17
Листинг 7.17 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN "http://www.w3.org/TR/html4/strict.dtd"><html> <head><title>Гpaфичecкиe фильтpы</title> &...
Окно браузера с результатом отображения
Рисунок 7.17. Окно браузера с результатом отображения файла, приведенного в листинге 7.17, после того как сработал графический фильтр Легко заметить, что данный эффект обладает тремя дополнительны...
Листинг 7 18
Листинг 7,18 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <title>rpa<|>M4ecKMe <J>...
Окно браузера с результатом отображения
Рисунок 7.18. Окно браузера с результатом отображения файла, приведенного в листинге 7.18, после того как сработал графический фильтр Применение еще одного достаточно интересного статического граф...
Листинг 7 19
Листинг 7.19 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <title>rpa<i>M4ecKMe фильтpы&...
Окно браузера с результатом отображения
Рисунок 7.19. Окно браузера с результатом отображения файла, приведенного в листинге 7.19, после того как сработал графический фильтр Легко заметить, что данный фильтр обладает двумя параметрами....
Листинг 7 20<!DOCTYPE HTML
Листинг 7. 20<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www.w3.org/TR/html4/strict.dtd"><html> <head><title>rpa<$M4ecKMe <fcMnbTpb...
Листинг 7 21
Листинг 7. 21 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ' "http: //www.w3.org/TR/html4/strict.dtd"><html> <head><title>Гpaфичecкиe фильтpы</title> <sc...
Окно браузера с результатом отображения
Рисунок 7.20. Окно браузера с результатом отображения файла, приведенного в листинге 7.20, после того как сработал графический фильтр При помощи числового параметра freq мы задаем количество "...
Окно браузера с результатом отображения
Рисунок 7.21. Окно браузера с результатом отображения файла, приведенного в листинге 7.21, после того как сработал графический фильтр Итак, рассмотрим листинг....
Листинг 7 22
Листинг 7.22 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http: //www.w3.org/TR/html4/strict.dtd"><html><head> <title>rpa<$M4ecKMe фильтpы</...








Начало    


Книжный магазин