Html для начинающий 1
2
3
4
5
6
7
8
дополнение
Часть 8
Изображение-карта.
<Map>
Изображения-карты -это рисунок на веб-странице различные части которого выполняют различную функцию.Есть два вида карт,но далее пойдёт речь о картах на стороне клиента т.е. действующие бес помощи сервера,в off-line'не.
Для того что бы изобрапжение стало картой,нужно добавить USEMAP="map.html#map" в тег <IMG ... >.Где map.html-html фаил в котором находится описание карты,а map-имя карты.А если описание карты находится в том же документе,то в этом случае нужно написать так :USEMAP="#map".
Чтобы описать саму карту используется набор тегов :
<MAP NAME="name">
<AREA ... >
<AREA ... >
<AREA ... >
. . .
</MAP>
где "name" - это имя карты.
Вся информация карты хранится в <AREA>.Сколько AREA столько областей на изображении.
Атрибуты тега <AREA>.
Атрибуты разделяются на свойства и события.
Свойства.
Shape - тип области. Свойству присваиваться одно из трех значений : RECT (область прямоугольная), CIRCLE (область круглая) или POLY(область многоугольная). Если это свойство не задано, то считается что область прямоугольная.
Coords - координаты области. Содержит целочисленные значения координат, записанные через запятую, и зависит от геометрического типа (свойства Shape) области. Единицей измерения этих координат являются пиксели (точки) экрана.
Href - гипертекстовая ссылка.
Target - задает окно в котором откроется документ, указанный в Href. Данное свойство используется главным образом при работе с фреймами (frames).
ID - идентификатор области. Используется для обращения к свойствам области из кода сценария.
Alt - определяет выпадающую подсказку
Title - определяет выпадающую подсказку
Language - описание языка сценария, используемого в событиях области (напр. "javascript")
Lang - описание ISO языка для области (напр. "text/javascript")
Style - определяет строку таблицы стилей для области
Class - определяет класс области, используемый в таблицах стилей (style sheets)
События
Этим атрибутам присваивается строка, содержащая операторы языка сценария (JavaScript или VBScript) или вызов функции описанной в другом месте документа. Код сценария выполняется, когда происходит соответствующее атрибуту событие.OnBlur - выход из фокуса.
OnClick - произошел щелчок мыши на области.
OnDblClick - произошел двойной щелчок мыши на области.
OnDragStart - началось перетаскивание (dragging) мышью.
OnFilterChange - фильтр области изменился (a filter applied to an atea is changing)OnFocus - область стала активной.
OnKeyDown - возникает при нажатии клавиши.
OnKeyPress - возникает при нажатии клавиши и продолжается, при удержании клавиши в нажатом состоянии.
OnKeyUp - возникает, когда пользователь отпускает клавишу.
OnMouseDown - происходит, когда пользователь нажимает кнопку мыши.
OnMouseMove - происходит, когда пользователь двигает мышь.
OnMouseOut - происходит, когда курсор мыши выходит из области.
OnMouseOver - происходит, когда курсор мыши входит в область.
OnMouseUp - происходит, когда пользователь отпускает кнопку мыши.
Если две области на карте пересекаются между собой, то та область, которая находится выше (расположена раньше в HTML файле) закроет нижнюю.
|