| Package | flexlib.controls |
| Class | public class ImageMap |
| Inheritance | ImageMap mx.controls.Image |
ImageMap control is an implementation of a client-side image map component, like it is supported in HTML.
ImageMap is an extension of the Image class, so you can specify the source attribute
just like you would for a standard Image component. The map property is used to define the actual
image map and all the area items that make up the map. The map property can be defined
either in MXML or by setting it with Actionscript.
The intent is for you to be able to generate your image map in whatever program you use to create image maps, and be able to cut and paste it into your MXML component with minimal changes.
Example MXML usage:
<ImageMap xmlns="flexlib.controls.
source="usa.jpg"
showToolTips="true"
shapeClick="navigateToURL(new URLRequest(event.href), event.linkTarget)"
>
<map>
<area alt="WA" shape="POLY" coords="85,11,133,11,134,42,114,42,100,47,96,45,91,48,83,40,76,40,75,29,70,23,71,18,82,20,87,18" href="http://en.wikipedia.org/wiki/Washington" target="_blank"/>
<area alt="OR" shape="POLY" coords="76,40,83,40,90,48,96,45,101,47,115,43,134,43,138,46,133,57,134,84,72,84,71,71,76,56" href="http://en.wikipedia.org/wiki/Oregon" target="_blank"/>
</map>
</ImageMap>
See also
| Property | Defined By | ||
|---|---|---|---|
| map : Array
The <map /> HTML block that is normally used for the image map in an HTML file. | ImageMap | ||
| showToolTips : Boolean = false
Indicates whether tool tips should be shown for each area. | ImageMap | ||
| toolTipField : String = alt
Field of the <area /> item that will be used for the tooltip. | ImageMap | ||
| Method | Defined By | ||
|---|---|---|---|
ImageMap() | ImageMap | ||
| Method | Defined By | ||
|---|---|---|---|
createChildren():void [override] | ImageMap | ||
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void [override] | ImageMap | ||
| Event | Summary | Defined By | ||
|---|---|---|---|---|
| Fired when an area is clicked. | ImageMap | |||
| Fired when an area is double clicked. | ImageMap | |||
| Fired when the mouse is pressed down on an area. | ImageMap | |||
| Fired when the mouse moves out of an area. | ImageMap | |||
| Fired when the mouse moves over an area. | ImageMap | |||
| Fired when the mouse is released on an area. | ImageMap | |||
| map | property |
map:Array
The <map /> HTML block that is normally used for the image map in an HTML file.
This should be wrapped as an XMLList and can either be cuopy/pasted straight into the MXML
file, or set via Actionscript.
public function get map():Array public function set map(value:Array):void| showToolTips | property |
public var showToolTips:Boolean = falseIndicates whether tool tips should be shown for each area.
The default value is false.
| toolTipField | property |
public var toolTipField:String = alt
Field of the <area /> item that will be used for the tooltip.
The default value is "alt".
| ImageMap | () | Constructor |
public function ImageMap()| createChildren | () | method |
override protected function createChildren():void| updateDisplayList | () | method |
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):voidParameters
unscaledWidth:Number | |
unscaledHeight:Number |
| shapeClick | Event |
flexlib.events.ImageMapEventflexlib.events.ImageMapEvent.SHAPE_CLICKFired when an area is clicked.
| shapeDoubleClick | Event |
flexlib.events.ImageMapEventflexlib.events.ImageMapEvent.SHAPE_DOUBLECLICKFired when an area is double clicked.
| shapeDown | Event |
flexlib.events.ImageMapEventflexlib.events.ImageMapEvent.SHAPE_DOWNFired when the mouse is pressed down on an area.
| shapeOut | Event |
flexlib.events.ImageMapEventflexlib.events.ImageMapEvent.SHAPE_OUTFired when the mouse moves out of an area.
| shapeOver | Event |
flexlib.events.ImageMapEventflexlib.events.ImageMapEvent.SHAPE_OVERFired when the mouse moves over an area.
| shapeUp | Event |
flexlib.events.ImageMapEventflexlib.events.ImageMapEvent.SHAPE_UPFired when the mouse is released on an area.