Bonjour,
J'ai construit mes pages XHTML avec l'architecture suivante :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
|
<div id="header">
</div>
<div id="menusbar">
<ul>
<li>...</li>
<li>...</li>
...
</ul>
</div>
<div id="main">
...
</div>
<div id="footer">
...
</div> |
l'�l�ment menusbar occupe toute la largeur de l'�cran et l'�l�ment ul s'affiche dans le sens de la largeur et repr�sente un menu du m�me genre que celui de developpez.com
j'ai �crit des fonctions javascript pour r�tracter ou rendre visible le header
Ces fonctions sont appel�es sur les �v�nements du menusbar :
<div id="menusbar" onmouseover="ShowHeader();" onmouseout="HideHeader();">
Ci dessous le code grossier du r�tract :
1 2 3 4 5 6 7 8 9 10
| function HideHeader()
{
if(header.offsetTop + header.offsetHeight > 0)
{
header.style.marginTop = header.offsetTop - 1;
timerHeader = setTimeout("HideHeader()", 20);
}
else
clearTimeout(timerHeader);
} |
Je souhaite que ShowHeader et HideHeader ne soient pas appel�es lorsque l'utilisateur clique sur une menu (l'�l�ment ul) et que donc ces fonctions ne soient appel�es que lorsque la souris se trouve sur le div menusbar non recouvert par le ul?
Comment faire?
Merci pour votre aide
Partager