Area"

From Documentation
Line 9: Line 9:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
An area of a image map
+
An area of a image map. Instead of the application processing the coordinates, developers can add the area components as children of a imagemap component thus defining a target. The imagemap component will translate the mouse pointer coordinates into a logical name ie. The id of the area the user clicked.
  
 
= Example =
 
= Example =

Revision as of 08:09, 20 January 2011

Area

  • Demonstration: N/A
  • Java API: Area
  • JavaScript API: Area
  • Style Guide: N/A

Employment/Purpose

An area of a image map. Instead of the application processing the coordinates, developers can add the area components as children of a imagemap component thus defining a target. The imagemap component will translate the mouse pointer coordinates into a logical name ie. The id of the area the user clicked.

Example

<imagemap src="/img/sun.jpg" onClick="alert(event.area)">
	<area id="First" coords="0, 0, 100, 100"/>
	<area id="Second" shape="circle" coords="200, 200, 100"/>
</imagemap>

Supported Events

Name
Event Type
None None

Supported Children

*None

Use Cases

Version Description Example Location
5.0.2 Area in Imagemap with href http://www.zkoss.org/forum/listComment/3016

Version History

Last Update : 2011/01/20


Version Date Content
     



Last Update : 2011/01/20

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.