Учебник по HTML

Планирование фрэймов и взаимодействия между фрэймами




С появлением фрэймов сразу возникает вопрос: "А как сделать так, чтобы нажимая на ссылку в одном фрэйме инициировать появление информации в другом"? Ответом на данный вопрос является планирование взаимодействия фрэймов (далее - планирование). Каждый фрэйм может иметь собственное имя, определяемое параметром NAME при описании данного фрэйма. Существует, также, специальный атрибут - TARGET, позволяющий определять, к какому фрэйму относится та или иная операция. Формат данного атрибута следующий:

TARGET="windows_name"

Данный атрибут может встречаться внутри различных тэгов:
TARGET в тэге A

    Это самое прямое использование TARGET. Обычно, при активизации пользователем ссылки соответствующий документ появляется в том же окне (или фрэйме), что и исходный, в котором была ссылка. Добавление атрибута TARGET позволяет произвести вывод документа в другой фрэйм.
    Например:
    <A HREF="mydoc.html" TARGET="Frame1"> Переход в фрэйм . 1 </A>
TARGET в тэге BASE
    Размещение TARGET в тэге BASE позволит вам не указывать при описании каждой ссылки фрэйм-приемник документов, вызываемых по ссылкам. Это очень удобно, если в одном фрэйме у вас находится меню, а в другой - выводится информация. Например:

    Документ . 1.


    <FRAMESET ROWS="20,*">
    <FRAME SRC="doc2.htm" NAME="Frame1">
    <FRAME SRC="doc3.htm" NAME="Frame2">
    </FRAMESET>

    Документ . 2 (doc2.htm).


    <HTML>
    <HEAD>
    <BASE TARGET="Frame2">
    </HEAD>
    <BODY>
    <A HREF="url1"> Первая часть</A> |
    <A HREF="url2"> Вторая часть</A>
    </BODY>
    </HTML>
TARGET в тэге AREA
    Таже можно включать тэг TARGET в описание ссылки при создании карты изображения.
    Например:

    <AREA SHAPE="circle" COORDS="100,100,50" HREF="http://www.uic.nnov.ru/~gss" TARGET="Frame1">
TARGET в тэге FORM
    То же относится и к определению формы. В данном случае, после обработки переданных параметров формы результирующий документ появится в указанном фрэйме.

    <FORM ACTION="url" TARGET="window_name">

    Внимание! Имя окна (фрэйма) в параметре TARGET должно начинаться с латинской буквы или цифры. Также необходимо помнить, что существуют зарезервированные имена для разрешения специальных ситуаций.

    Зарезервированные имена фрэймов

    Зарезервированные имена фрэймов служат для разрешения специальных ситуаций. Все они начинаются со знака подчеруивания. Любые другие имена фрэймов, начинающиеся с подчеркивания будут игнорироваться броузером.

    TARGET="_blank"
    Данное значение определяет, что документ, полученный по ссылке будет отображаться в новом окне броузера.
TARGET="_self"
    Данное значение определяет, что документ, полученный по ссылке будет отображаться в том же фрэйме, в котором находится ссылка. Это имя удобно для переопределения окна назначения, указанного ранее в тэге BASE.
TARGET="_parent"
    Данное значение определяет, что документ, полученный по ссылке будет отображаться в родительском окне, вне зависимости от параметров FRAMESET. Если родительского окна нет, то данное имя аналогично "_self".
TARGET="_top"
    Данное значение определяет, что документ, полученный по ссылке будет отображаться на всей поверхности окна, вне зависимости от наличия фрэймов. Использование данного параметра удобно в случае вложенных фрэймов.

HTML Создание карты изображений

Создание карты изображения является одной из привлекательнейших возможностей HTML, позволяющей пользователю привязывать ссылки на другие документы к отдельным частям изображений. Щелкая мышью на отдельных частях изображения,.пользователь может выполнять те или иные действия, переходить по той или иной ссылке на другие документы и т.п.
    Внимание! Если вы хотите использовать технологию картирования изображений, то вам необходимо использовать броузер, поддерживающий данную технологию!
Чтобы включить поддержку карты для изображения, необходимо ввести дополнительный параметр в тэг IMG:
    <IMG SRC="url" USEMAP="url#map_name">
Параметр USEMAP указывает, в каком месте находится карта описываемого изображения. Карта изображения определяет, какому участку изображения какой URL соответствует. Карта изображения может находиться в том же документе, что и изображение, или в другом документе. Помещение карты в другой документ позволяет собрать все карты изображений в одном документе (если у вас их несколько в различных документах), но добавляет еще одну итерацию в сети, когда за перыую итерацию выясняется местонахождение карты, а за вторую - выполнение действия, предписанного URL для данного участка изображения. Параметр map_name указывает имя карты для изображения, а предшествующий ему URL определяет местонахождение карты. Если данный URL отсутствует, то карта с указанным именем ищется в текущем документе.

Рассмотрим синтаксис определения карты изображения:
    <MAP NAME="map_name">
    <AREA [SHAPE=" shape "] COORDS="x,y,..." [HREF=" reference "] [NOHREF]>
    </MAP>
Параметры:

<MAP NAME="map_name">
    Данный тэг определяет начало описания карты с именем map_name.
<AREA...>
    Описывает участок изображения и ставит ему в соответствие URL. Параметры:

    SHAPE
    Необязательный параметр, указывающий на форму определяемой области изображения. Может принимать значения:

    default - по умолчанию (обычно прямоугольник)
    rect - прямоугольник
    circle - круг
    poly - многоугольник произвольной формы
COORDS
    Координаты в пикселах описываемой области. Для прямоугольника это четыре координаты левого верхнего и правого нижнего углов, для круга - три координаты (две - центр круга, третья - радиус). Для многоугольника это описание каждого угла в двух координатах - соответственно число координат равно удвоенному количеству углов. Координаты считаются с нуля, поэтому для описания области 100 на 100 используется описание:

    <AREA COORDS="0,0,99,99" ...> HREF="url" Описание ссылки, действия по которой будут выполняться при щелчке мыши в заданной области.
NOHREF
    Параметр, указывающий, что ссылка отсутствует для данного участка. По умолчанию, если не указан параметр HREF, то считается что действует параметр NOHREF. Также, для всех неописанных участков изображения считается, что используется параметр NOHREF.
Если две описанных области накладываются друг на друга, то используется ссылка, принадлежащая первой из описанных областей. </MAP>
    Данный тэг завершает описание карты изображения.
Данный пример демонстрирует использование технологии Image Map (вы можете проследить изменение ссылок в строке состояния внизу окна броузера, если он отображает текущую ссылку или изменение URL в поле <GO>):

Различные зоны данного изображения:
1. Зона 1 (Area 1)
2. Зона 2 (Area 2)
3. Зона 3 (Area 3)
4. Зона 4 (Area 4)



Содержание раздела