Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Mail Systems
Eclipse Documentation

How To Guides
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Problem Solutions




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">
   HREF="mypopup.html" ALT="My Popup"
   COORDS="10,10,120,120" SHAPE=RECT 
   onClick="return popup(this, 'gloss')">
   SHAPE=RECT ALT="Your Popup"
   COORDS="140,10,180,50" HREF="yourpopup.html" 
   onClick="return popup(this, 'gloss')">


<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

  Copyright 1997-2002 Idocs inc. Published under the terms of the Open Content License Design by Interspire