Use the ONMOUSEOVER=
HTML attribute in your HTML= option value to display a pop–up
image, change the shape fill color, and change the shape fill opacity
when the mouse pointer is positioned over a linked shape. The effects
that are provided for a linked shape by the ONMOUSEOVER= HTML attribute
persist only as long as the mouse pointer is positioned on that shape.
The syntax of the ONMOUSEOVER= HTML attribute is as follows:
ONMOUSEOVER= HTML Attribute Functions
This function displays
a pop–up image in a specified area of the graph. The pop–up
image is stored in a separate file.
This function changes
the color of the linked shape to a specified color.
This function changes
the fill opacity of the linked shape to a specified value.
The syntax of the ShowImage
function is as follows:
'showImage(“image-file”, xorigin, yorigin, image-width, image-height)'
parameter specifies the name of the
file that contains the image to be displayed. The filename must be
enclosed in quotes. The xorigin
the X and Y coordinates of the origin of the image, which is the lower
left corner of the image. The image can be placed anywhere in the
graphics output area. However, any portion of the image that extends
beyond the graphics output area is clipped. The image-height
parameters specify the size of the image in pixels.
The syntax of the changeColor
and changeOpacity functions are as follows:
parameter can be a color name, such as
red, green, or blue, or an RGB specification, such as #55CC22. The
factor parameter can be a value between 0 and 1, which specifies the
desired degree of opacity. A value of 0 makes the shape 100% opaque.
When you specify more
than one function in your ONMOUSEOVER= HTML attribute, you must separate
each function with a semicolon. Here is an example of an ONMOUSEOVER=
HTML attribute that displays image myimage.gif and changes the color
of the linked shape to blue when the mouse pointer is positioned over
In this example, the
showImage function displays image myimage.gif at coordinates (300,
550), and scales the image to 200 pixels wide by 250 pixels high.
The changeColor function changes the color of the linked shape to
blue. When the mouse pointer is moved off of the linked shape, the
image disappears, and the shape fill color reverts to its original