Posez votre question Signaler

Menu masqué [Résolu]

baujerome 11Messages postés 28 juin 2005Date d'inscription - Dernière réponse le 10 mars 2009 à 14:29
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 ...
Lire la suite 

Menu masqué »

6 réponses
Réponse
+0
moins plus
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";
Ajouter un commentaire
Réponse
+0
moins plus
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 - 10 mars 2009 à 14:23
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.
Ajouter un commentaire
Réponse
+0
moins plus
TU NE PEUX PAS AVOIR 2 ID indentiques !!!!
<div id="menu1" style="visibility:hidden">
<ul id="menu1" onMouseOver="afficheId('menu1');"

Ajouter un commentaire
Réponse
+0
moins plus
Bon ok si vous le dites, ... ^^
je vais changer ca ...
Mais ca marchait bien pourtant lol ...
NookZ - 10 mars 2009 à 14:29
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 ;)
Ajouter un commentaire
Ce document intitulé « Menu masqué » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook