map element
Browser support:
Contains coordinate data for client-side image maps.
This element requires a closing tag.
JavaScript page for this element: map .
Possible members:
accessKey
Sets an access key to an element.
class
Sets the style class or classes that belong to the element.
dir
Sets the text direction as related to the lang attribute.
id
Sets a unique identifier for the object.
lang
Specifies the language of the element.
language
Sets the scripting language for the current element. Use it only for the script element.
name
Sets the name of an image map that helps to establish a relationship between an image and an image map.
style
Sets an inline style associated with an element.
tabIndex
Specifies the tabbing order for keyboard navigation using the TAB key.
title
Specifies a tooltip for an element.
xml:lang
Sets the language code of the XML document.
onActivate
Occurs when an element becomes active.
onBeforeActivate
Occurs before an element becomes active.
onBeforeCut
Occurs before the selection is cut from the document and provides a possibility to enable the Cut menu item.
onBeforeDeActivate
Occurs on the active element before it loses the active state.
onBeforePaste
Occurs before the contents of the clipboard are pasted into the document and provides a possibility to enable the Paste menu item.
onBlur
Occurs when an element loses focus.
onClick
Occurs when the user clicks on an element.
onCut
Occurs before the selection is cut from the document and added to the clipboard.
onDblClick
Occurs when the user double clicks on an element.
onDeActivate
Occurs on the active element when it loses the active state.
onDrag
Occurs periodically on the source element during the drag operation.
onDragEnd
Occurs on the source element when the user has finished the drag operation.
onDragEnter
Occurs on an element when the user moves the mouse pointer into it during a drag operation.
onDragLeave
Occurs on an element when the user moves the mouse pointer out of it during a drag operation.
onDragOver
Occurs periodically on an element while the mouse pointer is over it during a drag operation.
onDragStart
Occurs on the source element when the user starts the drag operation.
onDrop
Occurs on a possible target element when the dragged data is dropped on it.
onFocus
Occurs when an element receives focus.
onFocusIn
Occurs before an element receives focus.
onFocusOut
Occurs after an element loses focus.
onHelp
Occurs after the user has pressed the F1 key.
onKeyDown
Occurs on an element that has the focus when a key is pressed down and occurs periodically until the key is released.
onKeyPress
Occurs on an element that has the focus when a key is pressed down and occurs periodically until the key is released.
onKeyUp
Occurs on an element that has the focus when the user releases a key.
onLoseCapture
Occurs when the object loses the mouse capture.
onMouseDown
Occurs when the user presses a mouse button over an element.
onMouseEnter
Occurs when the user moves the mouse pointer into the area of an element.
onMouseLeave
Occurs when the user moves the mouse pointer out of the element.
onMouseMove
Occurs when the user moves the mouse over the element.
onMouseOut
Occurs when the user moves the mouse pointer out of the element.
onMouseOver
Occurs when the user moves the mouse pointer into the element.
onMouseUp
Occurs when the user releases a mouse button over an element.
onMouseWheel
Occurs when the mouse wheel rolls.
onPaste
Occurs before the contents of the clipboard are pasted into the document.
onPropertyChange
Occurs every time when the value of an element's property is changed.
onReadyStateChange
Occurs when the load state of the data that belongs to an element or a HTML document changes.
onSelectStart
Occurs at the start of a selection process.
behavior
Sets the URL of a behavior file.
Example HTML code 1:
This example illustrates the use of the map element:
< img src = "area.gif" width = "504px" height = "126px" border = "0px" alt = "Solar System" usemap = "#SampleMap" />
< map name = "SampleMap" >
< area shape = "rect" coords = "1,-1,83,125" alt = "rectangle" href = "#" />
< area shape = "circle" coords = "234,57,30" alt = "circle" href = "#" />
< area shape = "poly" coords = "363,37,380,40,399,35,420,47,426,63,423,78,430,94,409,90,395,92,379,84,371,67,370,57" alt = "polygon" href = "#" />
</ map >
Did you find this example helpful?
yes
no
Related pages:
External links:
Share:
Digg
Del.icio.us
Reddit
Facebook
Twitter
Diigo
User Contributed Comments