Программирование >>  Руководство по созданию web приложений 

1 ... 22 23 24 [ 25 ] 26 27 28 ... 141


= new

-.- + + -.sir:

Для каждого элемента массива вначале с помощью ключевого слова new со-объект класса з, а затем устанавливается значение свойства объекта. ; операция и приводит к . , : ; файла

изображения, выполняемой асинхронно.

После того как массив заполнен, можно вызывать функцию sbci-rfNcxtliage, . 18;

vari=l;

var = new

function , if(bForward)

= imgArray[i-1 ]. src;

: - . : , . .... 100)

Она идентична описанной в предыдущем примере, за исключением того, что для установки свойства src изображения Img элементы заранее

массива iigArrav = iiici.Arrayf 1-1] sro;

Наложение фильтра на графическое изображение

Способ подмены графического изображения, описанный ранее в разделе нение внещнего вида графических имеет один существенный, на нащ

взгляд, недостаток. Для каждого изображения придется подготовить два файла, первый из которых будет соответствовать невыделенному состоянию графической ссылки, а . - выделенному. Если таких ссылок много, это



у появ1шась - -

- стерт

ЛИЯ Если вы случайно уд; док ен1 вам

верс1ы, сервер, эту

файл.

ыи завершена

Рис. 2-26. Подсвечивание элементов графического меню средствами DHTML

В левой части этой страницы расположено достаточно длинное графическое

меню. Оно нрел( га1,1ж-т собой набор зеленых кнопок с текстом белого цвета.

Когда пользователь помещает курсор мыши над такой кнопкой, она изменяет

свой цвет на серый.

Как достигается такой эффект?

В листинге 2-20 мы привели исходный текст файла toc.html, образующего левый фрейм главной страницы нашего сервера Web.

Листинг 2-20 хранится в файле chillColorFilter/toc.titinl на прилагаемом к книге компакт-диске.

Вот фрагмент этого файла:

J , ,Upa<Jsli.4f= 0 .a

</tr>

</table>

увеличит время загрузки страницы, а также объем файлов, хранящихся в каталоге Ващего сервера Web.

Между тем средствами DHTML Вы можете подсветить выделенные мыщью графические ссылки без удвоения объема файлов с графикой. Этого достигают, изменяя одно из свойств стиля ячейки таблицы, содержащей графическую ссылку.

На рис. 2-26 показана основиля страница нашего сервера Web, расположенного в Интернете но адресу http: www.frolov.pp.ru.



Помимо :: Вы . . использовать и другие фильтры, описанные в документации но DHTML, например фильтр *: цветное

изображение.

Замен 1.4. что описанный в этом разделе способ подсветки работает только в браузере Microsoft Internet Explorer. Что же касается Netscape Navigator, то он имеет другую объектную модель. Если загрузить страницу toc.html в этот брау-,ал). подсветка перестанет работать (тем не менее ссылки будут функционировать нормально).

Применение Cookie в клиентских сценариях

в этом разделе мы расскажем Вам о таком важном элементе, как Cookie. Возможно, Вы слыщали о нем и даже : что с его помощью недобросовестные администраторы серверов Web получают несанкционированный доступ к файлам

Что такое Cookie?

Скажем сразу, что с кулинарным искусством это связано мало, хотя переводится с английского языка как : или . : : Еоворя кратко, Cooklc представляет собой свойство HTML. Данные Cookie физически хра-

нятся локально на компьютере пользователя, загрузившего этот .в виде

внимание, что в теге <td> ячейки таблицы, содержащей графическую ссылку на файл main.html, мы определили обработчики событий onMouseOver и onMouseOiit (выделено в листинге 2-20 жирным щрифтом). Первое из них возникает, когда курсор мыщи над областью окна браузера, занимаемой этой ячейкой, а второе - когда курсор покидает данную область.

В ответ на эти события вызываются функции GON и GOFF, исходные тексты которых приведены в листинге 2-20.

Обращаясь к объекту события event. srcElement, эти функции вначале : веряют свойство tagName, которое содержит имя тега объекта, возбудившего . бытие. В случае . . . имя тега будет представлять собой текстовую строку .1ие>..

Далее функция : - фильтр averit. srcElement. style, filter, который

. при рисовании графического объекта.

Функция устанавливает фильтр Огау , действие которого заключается в : . : цветного изображения в черно-белое с градациями серого:

functionGONO {

:: : tagNana == IMG )

, . style, filter = Gray ;

Функция GOFF отменяет действие фильтра, в соответствующее

свойство пустую строку.

function 50FF{ > {

lf{f . . П == IMG )



1 ... 22 23 24 [ 25 ] 26 27 28 ... 141

© 2006 - 2024 pmbk.ru. Генерация страницы: 0.001
При копировании материалов приветствуются ссылки.
Яндекс.Метрика