For full details, source code, and a help file, see
The colored shapes on the left go to different web sites except the bottom right one which only
displays a tool tip. The two text areas perform the actions they describe.
The colored areas in the image map on the right post back to the server. The areas in the right side
image map will also fire validation events as demonstrated by the required text box below.
The right-hand image map also demonstrates adding other HTML attributes to the image map such as
onmouseover and onmouseout events to show and hide a message for the image map
control as a whole and to change the image when the mouse enters the clickable image map areas.