Menu masqué

Résolu

baujerome -

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 :

<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&eacute;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&ucirc;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&eacute;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

Afficher la suite

4 réponses

Réponse 1 / 4
baujerome Auteur
Bon ok si vous le dites, ... ^^
je vais changer ca ...
Mais ca marchait bien pourtant lol ...

0
1. NookZ
  
  Il y a des programmes qui fonctionnent bien et d'autres qui sont en plus bien codés et qui donc n'auront pas de bugs résiduels incompréhensibles ;)
  
  0
Réponse 2 / 4
RAD ZONE Contributeur
TU NE PEUX PAS AVOIR 2 ID indentiques !!!!
<div id="menu1" style="visibility:hidden">
<ul id="menu1" onMouseOver="afficheId('menu1');"

0

baujerome Auteur

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&ucirc;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&eacute;cembre</a></li>
</ul>
</div>

Vu que toute la décla était déjà faite, et ça marche nickel ...

NookZ
Tu ne peux pas avoir deux id identique, c'est contre les lois de l'identifiant.
"Un identifiant doit être unique."
Donc il faut que tu nomme différemment tes id.

0

Réponse 4 / 4
NookZ
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";

0

Menu masqué

4 réponses

Discussions similaires

Newsletters