Web Development HTML Guide - Learn HTML
Developer Tutorials
ASP
CGI & Perl
CSS
Flash
HTML
Java
JavaScript
Linux
MySQL
PHP
Photoshop
Python
Wireless
XML



Developer Manuals
Learn HTML
Learn PHP
Learn MySQL
Learn CSS
Learn Pear


Developer Scripts
ASP Scripts
ASP.NET Scripts
CGI & Perl Scripts
Flash Scripts
Java Scripts
JavaScript Scripts
PHP Scripts
Python Scripts
Remotely Hosted Scripts
Tools & Utilities Scripts
XML Scripts

Developer Resources
Developer Tools
Developer News
Developer Forums
Developer Content
Developer Book Reviews
Survey Software

Web Hosting Directory
Budget Web Hosting
ColdFusion Hosting
Dedicated Servers
Domain Hosting
E-Commerce Hosting
Email Hosting
Free Web Hosting
Linux Web Hosting
Managed Hosting
Reseller Hosting
Small Business Hosting
Windows Web Hosting

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


Copyright Idocs, Inc. Written by Miko Sullivan











About the NetVisits, Inc Network | Advertise
Developer Tutorials hosted by HostGator.
Copyright ©2007 NetVisits, Inc Network. All Rights Reserved. Privacy Policy.
Visit other NetVisits, Inc. sites: