Bonjour à tous (ou bonsoir!)
Je suis loin d'être un crack en JS, et j'apprends sur le tas par tutoriel du coup, là, je suis vraiment bloqué sur un truc, qui ne doit pas être si compliqué:
Je souhaite, au survol de la souris sur un lien, afficher un div(#desc) avec un délai de 500ms.
Jusque là, pas de problème, j'utilise l'event "onMouseOver" dans mon lien, qui appel la fonction setTimeOut("FonctionAffichageDiv()",500).
Oui, mais. Je souhaiterais que cette fonction ne s'éxécute que lorsque l'internaute reste au moins 500 ms sur le lien. Autrement dit, si l'internaute reste moins de 500 ms sur le lien, je ne veux pas afficher le div #desc
J'ai pensé à clearTimeOut, mais je ne comprends pas vraiment comment m'en servir.
De manière hyper simplifiée (mon code est plus compliqué en vrai, j'ai tout viré le php et autre JS...)
Merci de votre aide!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 <script type="text/javascript"> function Preview() { $('#desc').fadeIn("slow"); } function displayPreview() { setTimeOut("Preview()",500); } </script> <a href="index.php?idbook=3" onMouseOver="displayPreview()">BookName</a>
Partager