HTML CSS Reference/HTML Tag Reference/map
Содержание
"map" CSS Attributes and JavaScript Style Properties
+----------------+--------------------------------------------------------------+
| CSS |behavior |
+----------------+--------------------------------------------------------------+
"map" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onAfterUpdate onBeforeActivate |
| Handlers |onBeforeCut onBeforePaste |
| |onBeforeUpdate onBlur |
| |onClick onCut |
| |onDblClick onDrag |
| |onDragEnd onDragEnter |
| |onDragLeave onDragOver |
| |onDragStart onDrop |
| |onErrorUpdate onFocus |
| |onFocusIn onFocusOut |
| |onHelp onKeyDown |
| |onKeyPress onKeyUp |
| |onLoseCapture onMouseDown |
| |onMouseEnter onMouseLeave |
| |onMouseMove onMouseOut |
| |onMouseOver onMouseUp |
| |onMouseWheel onPaste |
| |onPropertyChange onReadyStateChange |
| |onScroll onSelectStart |
+----------------+--------------------------------------------------------------+
"map" Example
<html>
<head>
<title>map element example</title>
</head>
<body>
<img src="http://www.wbex.ru/style/logo.png"
alt="http://www.wbex.ru"
width=200
height=100
usemap="#myMap">
<map name="myMap">
<area shape="rect" coords="0, 0, 100, 50" href="http://www.wbex.ru">
<area shape="rect" coords="100, 0, 200, 50" href="http://www.google.ru">
<area shape="rect" coords="0, 50, 100, 100" href="http://www.msn.ru">
<area shape="rect" coords="100, 50, 200, 100" href="http://www.yahoo.ru">
</map>
</body>
</html>
"map" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |class dir |
| Attributes |id lang |
| |language name |
| |style title |
+----------------+--------------------------------------------------------------+
"map" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all areas |
| Collections |attributes behaviorUrns |
| |childNodes children |
+----------------+--------------------------------------------------------------+
"map" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior appendChild |
| Methods |applyElement attachEvent |
| |clearAttributes click |
| |cloneNode componentFromPoint |
| |contains detachEvent |
| |dragDrop fireEvent |
| |getAdjacentText getAttribute |
| |getAttributeNode getBoundingClientRect |
| |getClientRects getElementsByTagName |
| |hasChildNodes insertAdjacentElement |
| |insertAdjacentHTML insertAdjacentText |
| |insertBefore mergeAttributes |
| |normalize releaseCapture |
| |removeAttribute removeAttributeNode |
| |removeBehavior removeChild |
| |removeNode replaceAdjacentText |
| |replaceChild replaceNode |
| |scrollIntoView setAttribute |
| |setAttributeNode setCapture |
| |swapNode |
+----------------+--------------------------------------------------------------+
"map" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |canHaveChildren canHaveHTML |
| Properties |className clientHeight |
| |clientWidth dir |
| |disabled firstChild |
| |id innerHTML |
| |innerText isContentEditable |
| |isDisabled isMultiLine |
| |isTextEdit lang |
| |language lastChild |
| |name nextSibling |
| |nodeName nodeType |
| |nodeValue offsetHeight |
| |offsetLeft offsetParent |
| |offsetTop offsetWidth |
| |outerHTML outerText |
| |ownerDocument parentElement |
| |parentNode parentTextEdit |
| |previousSibling readyState |
| |scopeName scrollHeight |
| |scrollLeft scrollTop |
| |scrollWidth sourceIndex |
| |tagName tagUrn |
| |title uniqueID |
+----------------+--------------------------------------------------------------+
"map" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage httpFolder |
| |saveFavorite saveHistory |
| |saveSnapshot userData |
+----------------+--------------------------------------------------------------+
"map" Syntax and Note
Note:
This element specifies the coordinates of an image map.
This element must be used with the <img> element and <area> element.
<img> defines the image.
<area> defines the area inside the image that is clickable and linked to
another web page.
Syntax:
<map attributes events> . . . </map>