HTML Tutorials
Home >> Anchors and Links >> Popup Windows
previous pagePopup Windows: The BasicsPopup Windows: Opening Automatically next page

Popup Windows: From an Image Map

In our first variation we'll open the popup from an image map instead of from a regular anchor. We'll use the same script as from our first example. With that script, an <AREA ...> tag in an image map can be made to open a popup in exactly the same way as an <A ...> tag: 


<MAP NAME="index">

<AREA 

   HREF="mypopup.html" ALT="My Popup"

   COORDS="10,10,120,120" SHAPE=RECT 

   onClick="return popup(this, 'gloss')">

<AREA 

   SHAPE=RECT ALT="Your Popup"

   COORDS="140,10,180,50" HREF="yourpopup.html" 

   onClick="return popup(this, 'gloss')">



<AREA SHAPE=DEFAULT NOHREF>

</MAP>



<IMG SRC="mymap.gif" HEIGHT=130 WIDTH=190 ALT="Image Map Example"  BORDER="0" USEMAP="#index">

which gives us this image map:

My Popup Your Popup Image Map Example

previous pagePopup Windows: The BasicsPopup Windows: Opening Automatically next page


Recommended Resources

web hosting tutorials
Credit Help		 Search the Internet
Search Engine Help		 Low Fat Lifestyle
Internet Traffic		 Web Hosting
Web Design

Discount Hotel Reservations

Search The Internet

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained. About the author

All Rights Reserved, Copyright © Free-HTML-Tutorials.com 2003
A service of 1stHostWeb.com