Пример 12.1 иллюстрирует применение визуальных фильтров в DHTML на практике.
Использование визуальных фильтров в DHTML
В примере показано, как при помощи визуального фильтра RevealTrans можно создавать различные эффекты переходов между изибражениями с помощью функции, написанной на java-script.
Внимание!!! Пример корректно работает только в браузере MS Internet Explorer.
function FilterOn(){
logo.filters.item(0).Apply();
logo.style.visibility="";
logo.filters.item(0).Play();
}
Функцию FilterOut( ) допишите самостоятельно:
function FilterOut(){
. . .
}
Попробуйте сделать самостоятельно:
Создайте разные варианты переходов:
Наведите мышку на название страны...
Австрия
Болгария
Канада
Китай
Куба
Чехия
Египет
Эстония
Франция
Германия
Греция
Индия
Израиль
Япония
Лесото
Либерия
Монако
Монголия
Перу
Россия
Швеция
Великобританя
США
Наведите мышку на фотографию...
Объект Window. Метод open. Событие onClick
Объект Window представляет собой открытое окно web-браузера, является наивысшим объеком в иерархии JavaScript.
Метод open используется для определения окна, создания нового документа или экземпляра окна.
Синтаксис: winVar = window.open ("URL", "winName" [, "winFeatures"]), где
winVar – имя нового окна,
winName – имя окна, которое используется в атрибуте target тегов или ,
winFeatures – отделяемый запятой список параметров.
Событие onClick вызывает обработчик событий после щелчка левой кнопки мыши на объекте.
Пример 13.1 приведен пример программы управления окном браузера.
Пример программы управления окнами web-браузера на языке JavaScript
Внутри контейнера скрипта определены две функции пользователя: CallWeb() и CallShop().Обе функции используют один и тот же метод open (встроенную в JavaScriptфункцию,которая определена над объектом window) для того, чтобы открыть новое окно браузера и загрузить в него гипертекстовые документы. При этом функция CallShop()порождает стандартное окно (с кнопочками, иконками и т. п.), а функция CallWeb() окно без стандартных атрибутов. У этого окна имеются только линейки прокрутки (scrollbars).
Вызов функций осуществляется после нажатия на соответствующую кнопку, которые определены в HTML-форме с именем forma.Таким образом, выполнение функций будет осуществлено только в том случае, если произойдет событие, описанное атрибутом соответствующего поля формы.
Пример:
Код HTML:
Нажмите на кнопочки:
Начало формы
Эта кнопка вызывает окно без атрибутов
Эта кнопка вызывает стандартное окно
Конец формы
Функция FilterOn( ) написана на Java-Script:
function CallWeb(){
WebD = window.open("http://www.modern-computer.ru/practice/web-design/prcatic-web-design-main.html", "WebD", "scrollbars=yes, resizable=yes, contextbar=no");
}
function CallShop(){
Shop = window.open("http://www.modern-computer.ru/practice/photoshop/photoshop-main.html", "shop");
}
Коллекция тегов images. Атрибут src
Коллекция – это массив объектов, проиндексированный по их именам, и имеющий свойства и методы, т. е. коллекция сама по себе – объект.
Коллекция images содержит объекты, построенные браузером для всех картинок, задаваемых в документе тегами .
Атрибут src определяет URI используемого изображения.
Синтаксис:
document.images[n].src где n - порядковый номер изображения в коллекции
Пример 14.1 иллюстрирует способ доступа к свойству src изображения, заданного тегом .
Функция доступа к свойству src объектов коллекции тегов images на языке JavaScript
В данном примере при выборе гипертекстовой ссылки происходит вызов функции LoadImg(), которая изменяет значение атрибута src в контейнере . Таким образом, можно организовать просмотр различных изображение в одном единственном графическом окне.
Пример:
Код HTML:
Только у нас вы можете взять на прокат следующие виды транспорта: