Rechercher : dans
Par :

Menu masqué

Dernière réponse le 10 mar 2009 à 14:29:56 baujerome, le 10 mar 2009 à 14:11:42 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Menu masqué » dans :
Comment créer une carte de menu de Noël VoirQuoi de plus "fashion" que de présenter une carte/un carton de menu de Noël ! Sympa, élégant, rigolo aussi, c'est selon ! Voici une petite astuce qui vous guidera dans votre création et... votre créativité ! Sommaire Choisir le menu de...
Réorganiser le menu Démarrer VoirAu fur et à mesure des diverses installations, le "Menu Démarrer" devient de plus en plus rempli et très mal organisé. Voilà comment procéder pour obtenir un menu organisé. Accéder au menu Démarrer Sous Vista, ce fichier est caché donc il faut...
Windows 7 - Barre des tâches et menu démarrer VoirLA BARRE DES TACHES ET LE MENU DEMARRER Cet élément clé du Bureau de Windows est situé en bas de l’écran, sur toute sa largeur. C’est l’un des aspects du système qui a le plus évolué entre Windows Vista et Windows 7. Pour commencer, elle est plus...

1

NookZ, le 10 mar 2009 à 14:14:55

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";

Répondre à NookZ

2

baujerome, le 10 mar 2009 à 14:21:22

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 ...

Répondre à baujerome

3

NookZ, le 10 mar 2009 à 14:23:41

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.

Répondre à NookZ

4

RAD ZONE, le 10 mar 2009 à 14:24:05

TU NE PEUX PAS AVOIR 2 ID indentiques !!!!
<div id="menu1" style="visibility:hidden">
<ul id="menu1" onMouseOver="afficheId('menu1');"


♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

5

baujerome, le 10 mar 2009 à 14:28:58

Bon ok si vous le dites, ... ^^
je vais changer ca ...
Mais ca marchait bien pourtant lol ...

Répondre à baujerome

6

 NookZ, le 10 mar 2009 à 14:29:56

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 ;)

Répondre à NookZ