11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous
j'ai une petite question. J'ai un formulaire avec des icones "?" pour afficher une explication concernant la façon de remplir le champ. Quand l'utilisateur passe la souris sur le "?" la div contenant l'explication s'affiche MAIS PAS SOUS FIREFOX.

voici mon code

<div id="exp_pseudo">
<div id="exp_pseudo_inter" style="position:relative; width:280px; height:15px; z-index:100">
<div id="bana" name="bana" style="position:absolute; top:0; left:0; display:none; overflow:auto; z-index:1; background:#222222; color:#FFFFFF">Ici je mets le texte explicatif concenant la façon de remplir le champ. </div>
<img src="/img/icon_info.gif" alt="" width="15" height="15" id="banb" name="banb" style="position:absolute; top:-18px; left:302px; z-index:1"  onmouseover="bana.style.display='block'" onMouseOut="bana.style.display='none'"></div>
</div>


Sur IE8 Opera safari ça marche bien, qu'est ce que firefox ne comprend pas ?

Merci d'avance (j'espere que c'est bien dans la rubrique CSS qu'il fallait poster...)
Modifié par pareto (17 May 2010 - 10:29)
Bonjour,

Essaye de remplacer tes évènements onmouseover et onmouseout de l'image par:
onmouseover="document.getElementById('bana').style.display='block'" onmouseout="document.getElementById('bana').style.display='none'"

Modifié par mal (17 May 2010 - 11:03)