Attribute for <AREA ...>
onClick = "script command(s)"
| Usage Recommendation |
|---|
| use it, but don't rely on it |
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:
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:
| 
