Bonjour,

Je veux créer sur mon site une animation en rollover avec un texte qui apparait lorsqu'on survole un autre texte avec la souris.
J'ai reussi grace au forum à la créer avec le code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
<p><span style="font-size: 11pt;"><a class="MsoNormal" style="font-size: 11pt;" onmouseover="javascript:getElementById('monCalque').innerHTML = '<em>texte2</em>';" onmouseout="javascript:getElementById('monCalque').innerHTML = '';"> ? texte 1</a> <br />
<div id="monCalque">&nbsp;</div>
</span></p>

J'ai trouvé que la fonction settimeout permet de faire cela, j'ai essayé d'adapter mon code ainsi :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<p><span style="font-size: 11pt;"><a class="MsoNormal" style="font-size: 11pt;" onmouseover="javascript:getElementById('monCalque').innerHTML = '<em>texte2</em>';" onmouseout="javascript:setTimeout (getElementById('monCalque').innerHTML='<em>texte2</em>', 3000);"> ? texte 1</a> <br />
<div id="monCalque">&nbsp;</div>
</span></p>

Mais avec ce code, lorsque la souris quitte le texte 1, le texte 2 ne disparait pas. J'ai du mal à régler cette fonction settimeout, car je suis novice en javascript.
Merci de votre aide.