Главная К библиотеке

Активные рисунки

Картинки или рисунки, содержащие карты, схемы, да и вообще разные элементы, можно сделать активными, так что в зависимости от выбора пользователем конкретного элемента на рисунки вызывается тот или иной гипертекстовый документ. Это можно сделать двумя способами: первый — записать на сервер информацию о том какие координаты на рисунке отвечают за тот или иной вызов и передать на сервер координаты курсора мыши пользователя (способ старый и неудобный), второй — включить информацию об изображении в документ (этот способ более простой и независит от математического обеспечения установленного на сервере).

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

Если же ваша картинка обрабатывается сервером ("server-side"), то при помощи атрибута ISMAP для команды IMG, то вы можете включить гиперссылки на картинке в ваш документ соответсвенным образом описав их в файле, который определяется командой A (анкер).

Пример 1:

<A HREF="Jump.map"><IMG SRC="Sample.gif" ISMAP></A>

В этом примере, информация о картинке хранися в файле с именем   Jump.map   (формат файла определяется видом сервера, например, CERN или NCSA). Когда пользователь отмечает какой-нибудь элемент на картинке   Sample.gif,   то сервер получает координаты курсора и выполняет действия соответсвующие этим координатам, которые записаны в файл   Jump.map.

Пример 2:

Для задания информации о гиперссылках в рисунке, которая включается в HTML документ, используется атрибут USEMAP= в команде IMG. Сама информация о гиперссылках определяется командами MAP и AREA, как это показано ниже:

<MAP NAME="map1">
<AREA SHAPE="RECT" COORDS="0, 0, 16, 16" HREF="S1.html">
<AREA SHAPE="RECT" COORDS="16, 0, 16, 16" NOHREF>
<AREA SHAPE="RECT" COORDS="0, 16, 16, 16" HREF="S2.html">
<AREA SHAPE="RECT" COORDS="16, 16, 16, 16" HREF="S3.html">
<AREA SHAPE=default HREF="other.html">
</MAP>
<IMG BORDER=0 SRC="map1.gif" USEMAP="#map1">

В этом примере картика была размечена равными прямоугольниками (rectangular areas). Одна область является непомеченной, остальные три помечены документами   S1.html, S2.html, S3.html   соответсвенно.

Команда AREA позволяет также помечать области кругами (CIRCLES) и ломаными (POLYGONS).

Если две или боле областей пересекаются, то просмотрщик выбирает первую из тех, что описаны в команде MAP, непомеченные области никак не отвечают на вызов.

Замечание
MS Internet Exporer не обрабатывет команду "ответ по умолчанию" несмотря на команду

<AREA SHAPE=default HREF="other.html">