To add hyperlinks to each region of the image map

  1. Copy the following code inside each <AREA> tag of your image map to call the TextPopup method of the HTML Help ActiveX control:

    2. A HREF="JavaScript:image_popup.TextPopup(text_variable, font_variable,9,9,-1,-1)"

    where image_popup is the ID you specified in step 4, text_variable and font_variable are the variables names you specified in step 2, and the numeric values are the left and right margins (9,9) and the foreground and background colors (-1, -1) of the window.


  2. Repeat step 1 for each region in your image map.

Example

The hyperlinks shown below have been added to the example image map shown in Step 1:

<AREA SHAPE=RECT COORDS="4,2,108,103" A HREF="JavaScript:image_popup(square1,popfont,9,9,-1,-1)" Title="Square 1">

<AREA SHAPE=RECT COORDS="117,6,212,104" A HREF="JavaScript:image_popup(square2,popfont,9,9,-1,-1)" Title="Square 2">

<AREA SHAPE=RECT COORDS="3,111,105,213" A HREF="JavaScript:image_popup(square3,popfont,9,9,-1,-1)" Title="Square 3">

<AREA SHAPE=RECT COORDS="114,113,211,210" A HREF="JavaScript:image_popup(square4,popfont,9,9,-1,-1)" Title="Square 4"> </MAP>

The annotated image map is shown below:

Note


back to the beginning Back to the beginning
 
link to overview topic About the script and DHTML examples