To Add Hyperlinks to Each Region of the Image Map

---

Microsoft Corporation

Updated June 10, 1999

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.

   
   
3. 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

• The <A> tag TITLE parameter is optional.

	Back to the beginning
	About the script and DHTML examples