Différentes info-bulles sur une souris sur div et une image à l'intérieur de la div

Question

J'ai une image à l'intérieur d'un div. Je veux montrer tooltip1 sur la div de mouseover et l'image de l'onmouseover de tooltip2 à l'intérieur de la div. Comment réaliser ceci?

<div id="_div1" runat="server"> 
<ul> 
    <li class="right"> 
     <asp:Image ID="img1" runat="server" /> 
    </li> 
</ul> 
</div> 

    _div1.Attributes.Add("onmouseover", "javascript:ShowTooltip('divToolTip', " + tooltipText + ");"); 
    _div1.Attributes.Add("onmouseout", "javascript:HideTooltip('divToolTip');"); 
. 
     img1.Attributes.Add("onmouseover", "javascript:ShowTooltipForImg('divImgToolTip'," + tooltipText1 + ");"); 
     img1.Attributes.Add("onmouseout", "javascript:HideTooltipForImg('divImgToolTip');"); 

Le code ci-dessus ne semble pas fonctionner ... il affiche toujours l'info-bulle div uniquement.

Answer 1

event.cancelBubble = true 

pour IE et

event.stopPropagation() 

pour Mozilla

dans votre infobulle l'image fonction