Problème menu

Marsh Posté le 18-05-2009 à 11:13:16

Bonjour à tous !
J'ai un problème au niveau de l'affichage de mon menu. Dès que je passe ma souris sur un lien il s'affiche, dès que je m'éloigne du menu qui apparait le menu disparait.
Mon problème est que j'aimerais que le menu se ferme automatiquement, si on passe la souris sur le lien, le menu s'ouvre, si on ne va pas dans le menu qui s'est affiché en dessous du lien alors on ferme ce menu après un certains temps. J'y arrive aussi mais je n'arrive pas à répéter l'action plusieurs fois.

Code :

<a href="#" onmouseover="$('menu').appear(); return false;">test</a>
<script type="text/javascript">
var menu_a_cacher = true;
setTimeout("cacherMenu()", 4000);
</script>
<div id="menu" onmouseout="$('menu').fade(); return false;" style="display:none; width:200px; height:100px; background:#c2defb; border:1px solid black;"></div>

Merci pour vos réponses !

Reply

Marsh Posté le 18-05-2009 à 11:13:16

Reply

Marsh Posté le 18-05-2009 à 15:13:03

Sans le code JS de tes fonctions, on va avoir du mal...

Tu utilises un debugger JS ?

Reply

Marsh Posté le 19-05-2009 à 09:23:26

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.

Reply

Problème menu

Sujets relatifs:

Leave a Replay