Image Map Web Server Control Demo

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.

Required Text  

A test image Load in search pane Go to Only displays this tool tip Load in a new window Execute client-side script Click to enable/disable the other image map   Image map enabled

Click an area to post back Area 1 Area 2 Area 3 Area 4 Area 5 (Dynamically added)