Text Links Ads : Marketing Tips Store : Search Engine Optimization Strategies
WebPosition Gold Pro : Domain Registration Bank : Optilink Software : GoDefy
Mike's Marketing Tools : Mike's Ecommerce Software : Text Links Guide
 
Web HTML-HTML.com
You are here: HTML Codes > Images > <AREA ...>

Attribute for <AREA ...>
onClick ="script command(s)"

Usage Recommendation
Use it, but don't rely on it.

Looking for info on how to make an image map? - See our tutorial How to Make an image Map

Like <A onClick="..."> and <INPUT onClick="...">, <AREA onClick="..."> performs a dual function: it allows you to run a script when the users clicks on the area, and it allows you to cancel the action that click would otherwise have performed.

In its simplest use, onClick runs a script when the user clicks on the area. For example, the following code brings up an alert box when the user clicks on the Freelance area:

<AREA HREF="freelance.html" ALT="Freelance" 
 COORDS="31,0,164,26" SHAPE=RECT
onClick="alert('That was a click')">

which gives us the onClick in the Freelance area:

Freelance Albums Jobs Log Out Home image Map

If onClick returns a false value then the click is cancelled. For example, you might want to check if the user really wants to follow the link. By returning the value of a confirm() command you can cancel or allow the click based on the user's response:

<AREA HREF="logout.html" ALT="Log Out" 
 COORDS="3,59,37,88" SHAPE=RECT
onClick="return confirm('Are you sure you want to log out?')">

which gives us the onClick in the Logout area:

Freelance Albums Jobs Log Out Home image Map

<AREA onMouseOver="..."> >>>

Copyright © 2002-8 Art Dacor USA LLC. All Rights Reserved.
3727 West Magnolia Blvd #489, Burbank, CA, 91505, USA.
www.HTML-HTML.com