Working with Image Maps

The general syntax for defining a client side image is as follows:

[NAME ="areaName"]
COORDS ="x1,y1,x2,y2 | " x center,y center, radius"
HREF ="location"
[SHAPE = " rect" | "Poly" | "circle" | "default"]
[TARGET= "windowname"]>

The first name attribute specifies the name of the image map that may contain several areas. The second name attribute is the name of the area. The COORDS attribute specifies the coordinates of a specific area map. If the area is a circle this attribute consists of three coordinates or if the area is a rectangle coord attribute consists of four coordinates. The HREF attribute specifies the URL of the document to be loaded. The SHAPE attribute specifies the shape of the area in an image map. The TARGET attribute specifies the window or frame in which the destination document is loaded.

Javascript provides the area object to handle user interactions with image areas.The onMouseOver , the onMouseOut and onDblClick are the events associated with area object.The following table lists the properties of the area object.

Property	Description
hash	Represents the file offset part of the HREF attribute
host	Represents the host name part of the HREF attribute
hostname	Represents the host:port part of the HREF attribute
href	Represents the complete HREF attribute
Pathname	Represents the path name part of the HREF attribute
Port	Represents the port part of the HREF attribute
Protocol	Represents the protocol part of the HREF attribute
Search	Represents the query part of the HREF attribute	Target	Represents the area objects TARGET attribute

Domain Name Search

Working with Image Maps

Domain Names

JAVASCRIPT

Web Design

Web Hosting

E Commerce

Email