Image map

The Help Capture's Generate Document creates pages with just below the page title an image containing an image map. The image map defines so called hot spots (hyperlinks) which when clicked upon by the user move him to another location, in our case to a bookmarked control section. This is a fast and visual way if helping the user find the information he is looking for.

Example image map from the Task Switcher generated document

<map id="MyMap" name="MyMap">
<area shape="rect" coords="0,0,734,142" href="#Task Switcher" title="Task Switcher" />
</map>

<img src="images/Task_Switcher_multiple_IE.png" border="0" usemap="#MyMap" />

The <map> tag is used to define the image-map. An image-map is an image with clickable areas. The name attribute is required in the map element. This attribute is associated with the <img>'s usemap attribute and creates a relationship between the image and the map. The map element contains a number of area elements - in the example only one, that defines the clickable areas in the image map. For coords the subsequent values mean left-x, top-y, right-x, bottom-y. 

Currently the help editor does not include an image map editing tool. To edit the image map you have to switch to Code mode.

Help Capture