Non je n'utilise pas de debugger. Si tu en connais un gratuit hésite pas 
J'ai résolu mon problème maintenant je fonctionne différemment. Maintenant il faut que lorsque je passe ma souris sur le lien, le menu s'affiche, si je reste sur le lien sans aller dans le menu, le menu se ferme au bout d'un certain temps, pareil si je pars du lien sans aller dans le menu. Si je vais dans le menu et que j'y reste le menu doit resté la et ne pas disparaitre (et c'est ça mon problème je comprends pas pourquoi pourtant j'utilise des boolean). Et pour finir quand je pars du menu, il disparait tout de suite, ça ça marche.
Voici le code de la page HTML :
Code :
- <head>
- <title>Page sans titre</title>
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
- <script src="script/prototype.js" type="text/javascript"></script>
- <script src="script/scriptaculous.js" type="text/javascript"></script>
- <script src="script/script.js" type="text/javascript"></script>
- </head>
- <body>
- <a href="#" onmouseover="afficherMenu();" onmouseout="t=setTimeout('cacherMenu(true)', 3000);" style="font-size:20px;">test</a>
- <div id="menu" onmouseover="cacherMenu(false);" onmouseout="cacherMenu(true);" style="display:none; width:200px; height:100px; background:#c2defb; border:1px solid black;"></div>
- </body>
|
J'utilise la librairie scriptaculous pour avoir de beaux effets ^^
Voici le code JS :
Code :
- function afficherMenu()
- {
- new Effect.Appear('menu');
- }
- function cacherMenu(test)
- {
- if(test == true)
- {
- new Effect.Fade('menu');
- clearTimeout(t);
- }
- else
- {
- //Ici je n'ai rien à faire juste à laisser le menu affiché.
- }
- }
|
Voila merci de votre aide.
