usemap attribute | useMap property
[This documentation is preliminary and is subject to change.]
Sets or retrieves the URL, often with a bookmark extension (#name), to use as a client-side image map.
 |
Syntax
| HTML | <element usemap="p" ... > |
|---|---|
| JavaScript | |
Property values
Type: String
The URL of the image map.
Standards information
- Document Object Model (DOM) Level 1 Specification, Section 2.5.5
- HTML 4.01 Specification, Section 13.6.1
Remarks
The useMap property identifies the image as a client-side image map by associating a map object with the image. This map object contains area objects that define regions within the image. The user can click these regions to navigate to a designated URL.
You can dynamically assign the maps to the image through the useMap property.
In Microsoft Internet Explorer 6 and greater, this property applies to the object and input objects.
Examples
The following example defines the map. Clicking within the rectangular areas of the map loads a new page into a target window named frame1.
<MAP NAME="map1"> <AREA NAME="area1" COORDS="4,20,20,40" href="left_arrow.htm" target="frame1"/> <AREA NAME="area2" COORDS="116,20,100,40" href="right_arrow.htm" target="frame1"/> </MAP>
The following example shows USEMAP with an image.
<IMG USEMAP="#map1" BORDER="0" SRC="double_pointed_arrow.png">
The following example shows USEMAP with an object. This technique requires Internet Explorer 8 and later.
<OBJECT data="double_pointed_arrow.png" border="0" type="image/gif" usemap="#map1"> </OBJECT>
Build date: 3/8/2012
