Change Language


Follow Navioo On Twitter

map

Defines a client-side image map where hot regions of an image object are hyperlinked to other targets or documents.

Browser/User Agent Support

IE Netscape Mozilla Opera Safari
4.0+ 6.0+ 1.0+ 4.0+ 1.0+

Example

This example defines an area map named "navigation" with links to a home page, product page, and support page:

 <map name="navigation" > 
	<area shape="rect" coords="10,10,100,100" href="index.htm"  />
	<area shape="rect" coords="10,100,100,190" href="products.htm"  />
	<area shape="rect" coords="10,200,100,280" href="support.htm"  />
</map>

Remarks

Remember to self-close your <area / > tags.

Attribute Detail

Attribute IE Netscape Mozilla Opera Safari
class
[class-name]. Example values: header-class, list-element, etc.
CSS class assigned to the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
dir
Direction of the element text.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
id
[element-id]
Unique identifier for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
lang
[language-code]. Example values: "en" (English), "fr" (French), "es" (Spanish), etc.
Language code for the content of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
style
[style-name]
Inline style for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
title
[text-description]
Short text description for the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 

Event Detail

Event IE Netscape Mozilla Opera Safari
Fires immediately before the element becomes active.
4.0+ no no no no
 
Fires immediately before the selection is cut to the clipboard.
4.0+ no no no 1.0+
 
Fires immediately before the selection is pasted from the clipboard to the element.
4.0+ no no no 1.0+
 
Fires when the element is clicked.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is cut to the clipboard.
4.0+ no no no 1.0+
 
Fires when the element is double-clicked.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element is dragged.
4.0+ no no no 1.0+
 
Fires when the element is released from being dragged.
4.0+ no no no 1.0+
 
Fires when the element has another object dragged onto it that can be dropped on the element.
4.0+ no no no 1.0+
 
Fires when an element has an object dragged out of it that could be dropped onto the element.
4.0+ no no no 1.0+
 
Fires when an element has an object dragged over it that could be dropped onto the element.
4.0+ no no no 1.0+
 
Fires immediately before an element is dragged.
4.0+ no no no 1.0+
 
Fires when an object is dropped onto the element.
4.0+ no no no 1.0+
 
Fires when the element receives focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires immediately before an element receives focus.
4.0+ no no no no
 
Fires immediately after focus moves from the element to another element.
4.0+ no no no no
 
Fires when a user presses the F1 key to activate help.
4.0+ no no no no
 
Fires when a user presses down on a key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a user presses a key or holds down the key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when a user releases a key while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the element loses mouse capture.
4.0+ no no no no
 
Fires when a user clicks down on the mouse button while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer enters the element.
4.0+ no no no no
 
Fires when the mouse pointer leaves the element.
4.0+ no no no no
 
Fires when the mouse moves while the pointer over the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer moves off of the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the mouse pointer moves over the element.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the user releases the mouse button while the element has focus.
2.0+ 1.0+ 1.0+ 4.0+ 1.0+
 
Fires when the user rotates the mouse wheel while the element has focus.
4.0+ no no no no
 
Fires when the clipboard contents are pasted onto the element.
4.0+ no no no 1.0+
 
Fires when one of the properties of the element changes.
4.0+ no no no no
 
Fires when the ready state of the element changes.
4.0+ no no no no
 
Fires when a user scrolls the element.
4.0+ no no no 1.0+
 
Fires immediately before the element is selected.
4.0+ no no no 1.0+
 

Examples -> Source code Demo online - > image map:

Ajax Javascript feed

↑ Grab this Headline Animator