Menu masqué
Résolu
Bonjour,
j'ai un menu de ce type : http://www.icemanf1.com/include/actudroit.php.
Et vous remarquez que quand on passe le curseur sur "2008" le menu en dessous disparait. C'est voulu. Mais ce que je n'arrive pas à faire c'est que ce menu soit masqué dès l'ouverture de la page ... Est-ce possible ? Et comment faire ?
Voici le code du menu :
Je suis sur que ca doit etre tout con, et que je suis passé à côté ...
Merci d'avance pour votre aide ...
j'ai un menu de ce type : http://www.icemanf1.com/include/actudroit.php.
Et vous remarquez que quand on passe le curseur sur "2008" le menu en dessous disparait. C'est voulu. Mais ce que je n'arrive pas à faire c'est que ce menu soit masqué dès l'ouverture de la page ... Est-ce possible ? Et comment faire ?
Voici le code du menu :
<script>
function afficheId(baliseId)
{
if (document.getElementById && document.getElementById(baliseId) != null)
{
document.getElementById(baliseId).style.visibility='visible';
document.getElementById(baliseId).style.display='block';
}
}
function cacheId(baliseId)
{
if (document.getElementById && document.getElementById(baliseId) != null)
{
document.getElementById(baliseId).style.visibility='hidden';
document.getElementById(baliseId).style.display='none';
}
}
</script>
<div>
<ul>
<div class="Style4">2009</div>
<ul>
<li> <a href="janvier2009.php">Janvier</a></li>
<li> <a href="fevrier2009.php">Février</a></li>
<li> <a href="mars2009.php">Mars</a></li>
</ul>
</ul>
<ul>
<div onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');" class="Style4">2008</div>
<ul id="menu1" onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');">
<li> <a href="juillet2008.php">Juillet</a></li>
<li> <a href="aout2008.php">Août</a></li>
<li> <a href="septembre2008.php">Septembre</a></li>
<li> <a href="octobre2008.php">Octobre</a></li>
<li> <a href="novembre2008.php">Novembre</a></li>
<li> <a href="decembre2008.php">Décembre</a></li>
</ul>
</ul>
</div>
Je suis sur que ca doit etre tout con, et que je suis passé à côté ...
Merci d'avance pour votre aide ...
Configuration: Windows XP Firefox 3.0.7
4 réponses
-
remplacer ça
<ul id="menu1" onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');">
<li> <a href="juillet2008.php">Juillet</a></li>
<li> <a href="aout2008.php">Août</a></li>
<li> <a href="septembre2008.php">Septembre</a></li>
<li> <a href="octobre2008.php">Octobre</a></li>
<li> <a href="novembre2008.php">Novembre</a></li>
<li> <a href="decembre2008.php">Décembre</a></li>
</ul>
par
<div id="divmenu2" style="visibility:hidden">
<ul id="menu2" onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');">
<li> <a href="juillet2008.php">Juillet</a></li>
<li> <a href="aout2008.php">Août</a></li>
<li> <a href="septembre2008.php">Septembre</a></li>
<li> <a href="octobre2008.php">Octobre</a></li>
<li> <a href="novembre2008.php">Novembre</a></li>
<li> <a href="decembre2008.php">Décembre</a></li>
</ul>
</div>
ça devrait faire l'affaire
Pour le faire réapparaître il faudra faire
document.getElementById('divmenu2').style.visibility = "visible"; -
Merci beaucoup ...
En fait, j'ai plutot mis :<div id="menu1" style="visibility:hidden"> <ul id="menu1" onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');"> <li> <a href="juillet2008.php">Juillet</a></li> <li> <a href="aout2008.php">Août</a></li> <li> <a href="septembre2008.php">Septembre</a></li> <li> <a href="octobre2008.php">Octobre</a></li> <li> <a href="novembre2008.php">Novembre</a></li> <li> <a href="decembre2008.php">Décembre</a></li> </ul> </div>
Vu que toute la décla était déjà faite, et ça marche nickel ... -
ContributeurTU NE PEUX PAS AVOIR 2 ID indentiques !!!!
<div id="menu1" style="visibility:hidden">
<ul id="menu1" onMouseOver="afficheId('menu1');"
-
Bon ok si vous le dites, ... ^^
je vais changer ca ...
Mais ca marchait bien pourtant lol ...
