Описание

Данное поведение используется для интеллектуальной обработки переходов по гиперссылкам и, как следствие, ориентировано на использование с тегом a (тег гиперссылки). При активировании гиперссылки, поведение выводит изображение для стадии ожидания (определяется css-свойствами «my-link-wait-img» и «my-link-wait-class»). После чего поведение ожидает установленное время (свойство «my-link-timeoutraquo;), по умолчанию – 60000 миллисекунд. Если в течении указанного интервала запрошенный ресурс не был загружен, то загрузка прекращается и выводится изображение об ошибке (определяется css-свойствами «my-link-error-img» и «my-link-error-class»).

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

Свойства

Пример

В приведенном ниже примере определяется стиль «prefetch» для ссылок с назначенным им загрузчиком. Предполагается, что изображения расположены в той же директории что и поведение с html-документом. В этом стиле задан:

• период ожидания - 40000 миллисекунд (css-свойство my-link-timeout: 40000)
• адрес изображения на стадии ожидания - wait.gif (css-свойство my-link-wait-img: url(wait.gif))
• класс для изображения на стадии ожидания – link-wait (css-свойство my-link-wait-class: link-wait)
• адрес изображения на стадии ошибки - error.gif (css-свойство my-link-error-img:url(error.jpg))
• класс для изображения на стадии ожидания – link-error (css-свойство my-link-error-class:link-error)

a.prefetch      {
                 behavior:url(my-link-prefetch.htc);
                 my-link-wait-img:url(wait.gif);
                 my-link-wait-class:link-wait;
                 my-link-error-img:url(error.jpg);
                 my-link-error-class:link-error;
                }

Так же в таблице стилей определены два стиля, указанные в свойствах «my-link-wait-class» и «my-link-error-class»:

img.link-wait   {position:absolute; top:50%; left:50%; border:1px solid #888}
img.link-error  {position:absolute; top:50%; left:50%; border:1px solid #F00}