Bonjour à tous ,
Mon problème est le suivant j'ai créer un div:"hidden" :
Son code Css:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div id="infos"> <table id ="tableInfos"> <tr> <td><img src="img/info.png" alt="Infos:" border="0"></td> <td><b><p style="vertical-align: middle;">Informations :</p></b></td> </tr> <tr> <td colspan="2"> <div id="informations" style="height: 300px;"></div> </td> </tr> </table> </div>
Ce div s'affiche via une fonction javascript basique :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 #infos { position: absolute; visibility: hidden; left:490px; top:120px; width: 300px; }
Sur l'événement :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 function Write(nom, contenu) { document.getElementById(nom).innerHTML = contenu ; document.getElementById("infos").style.visibility = 'visible'; } function Hide() { document.getElementById("infos").style.visibility = 'hidden'; }
Toute fois sous firefox lorsque je positionne ma souris sur mon image le div apparait l'espace d'une micro seconde puis disparait. Lorsque je bouge ma souris sur l'image le div clignote ou peut se situer mon problème ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <td> <a href ="#" onMouseOver="Write('informations', ' Je suis le test de l'affichage du DIV')" onMouseOut="Hide()"><img src="img/info.png" border="0"/></a> </td>
Merci pour votre soutient .
Partager