<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2900.2802" name=GENERATOR>
<STYLE></STYLE>
</HEAD>
<BODY bgColor=#ffffff>
<DIV><FONT face=Arial size=2>
<DIV><FONT face=Arial size=2>Hello all,</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>I want to call a javascript when hovering over any 
chameleon element. The actual purpose ios to pop up a detailed help of the 
different features for new users after selecting a help button.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>I managed to make it work&nbsp;under Firefox, by 
surrounding the each element with either:</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>&lt;!-- ZOOMIN 
--&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;div 
onmouseover="doTooltip(event, zoomInMsgTips)" onmouseout="hideTip()"&gt;&lt;cwc2 
type="ZoomIn" visible="true" imagetip="Zoom In" image="icons/icon_zoomin.png" 
toolset="Navigation" 
styleresource="NavButtons"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;image 
state="normal"/&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;image 
state="hover"/&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;image 
state="selected"/&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;/cwc2&gt;&lt;/div&gt;&lt;/td&gt;</FONT></DIV>
<DIV><FONT face=Arial size=2>or:</FONT></DIV>
<DIV><FONT face=Arial size=2>&lt;!-- ZOOMOUT 
--&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td onmouseover="doTooltip(event, 
zoomOutMsgTips)" onmouseout="hideTip()"&gt;&lt;cwc2 type="ZoomOut" 
visible="true" imagetip="Zoom Out" image="icons/icon_zoomout.png" 
toolset="Navigation" 
styleresource="NavButtons"&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;image 
state="normal"/&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;image 
state="hover"/&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;image 
state="selected"/&gt;<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
&lt;/cwc2&gt;&lt;/td&gt;</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Unfortunately this does not work properly in IE: 
The help layer pops up are it should only if the mouse pointer is on for example 
a navigation button BUT NOT on the buttons image. In other words, only when I 
carefully position the pointer on the border.</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Any idea how to solve this?</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Cheers,</FONT></DIV>
<DIV><FONT face=Arial size=2></FONT>&nbsp;</DIV>
<DIV><FONT face=Arial size=2>Carlo</FONT></DIV></FONT></DIV></BODY></HTML>