Problème avec un menu

77marsmars77 Messages postés 1 Date d'inscription mardi 5 janvier 2010 Statut Membre Dernière intervention 31 janvier 2010 - 31 janv. 2010 à 13:06
pjcleder Messages postés 183 Date d'inscription jeudi 4 février 2010 Statut Membre Dernière intervention 16 septembre 2011 - 2 févr. 2010 à 18:25
Bonjour à tous,
J'ai un petit souci avec mon menu. Quand je clique sur le menu 1 il m'affiche les sous menus1. là c'est ok.
Quand je clique sur le lien d'un sous menu, il affiche la nouvelle page mais il referme le sous menu.
J'aimerai que le sous menu 1 reste ouvert.

Je vais te donner un exemple.
Voilà mon menu lors de ma page d'accueil:

menu 1
menu 2
menu3
menu 4

Quand je clique sur menu 1 il m' affiche les sous menus du menu 1.
menu 1
sous menu1 page 1
sous menu1 page 2
sous menu1 page 3
menu 2
menu 3
menu 4


Ce que je voudrai avoir, c'est que quand je clique sur un des liens sous menu 1 il affiche la nouvelle page mais aussi que le menu 1 et les sous menu 1 son affiché.
menu 1
sous menu1 page 1
sous menu1 page 2
sous menu1 page 3
menu 2
menu 3
menu 4

 
  <script type="text/javascript" language="javascript">
function disply(d){
    //fermer tous
switch(d)
{
   case 'index' :
  				   document.getElementById('mod_ges').style.display = "none";
  				   document.getElementById('trans').style.display = "none";
  				   document.getElementById('titi').style.display = "none";
                   document.getElementById('analyse').style.display = "none";
   document.getElementById('quitter').style.display = "none";
   break;

  case 'mod_ges' : document.getElementById('index').style.display = "none";
   document.getElementById('trans').style.display = "none";
  				   document.getElementById('titi').style.display = "none";
                   document.getElementById('analyse').style.display = "none";
   document.getElementById('quitter').style.display = "none";
   break;

  case 'trans'  :  document.getElementById('index').style.display = "none";
  				   document.getElementById('mod_ges').style.display = "none";
  				   document.getElementById('titi').style.display = "none";
                   document.getElementById('analyse').style.display = "none";
   document.getElementById('quitter').style.display = "none";
   break; 
  case 'titi'    : document.getElementById('index').style.display = "none";
  				   document.getElementById('mod_ges').style.display = "none";
  			       document.getElementById('trans').style.display = "none";
                   document.getElementById('analyse').style.display = "none";
   document.getElementById('quitter').style.display = "none";
   break; 
  case 'analyse' : document.getElementById('index').style.display = "none";
  				   document.getElementById('mod_ges').style.display = "none";
                   document.getElementById('trans').style.display = "none";
   document.getElementById('titi').style.display = "none";
   document.getElementById('quitter').style.display = "none";
   break;
  case 'quitter' : document.getElementById('index').style.display = "none";
  				   document.getElementById('mod_ges').style.display = "none";
   document.getElementById('trans').style.display = "none";
   document.getElementById('titi').style.display = "none";
   document.getElementById('analyse').style.display = "none";
   break;
}

//*****************
var aff = document.getElementById(d);
    //aff.style.display = "";
if(aff.style.display == ""){
  aff.style.display = "none";
}
else{
  aff.style.display = "";
}
}
</script>
<hr width="170" color="#FFFFFF" size="1" />





[index.php Acceuil]









[formation.php Formation]

 [niveau1.php Niveau 1]

 [niveau2.php Niveau 2]

 [# Examens]

 [# Cours Théorique]

 [# Perfectionnement]

 [# Tarifs]







 [# Biplace]









 [# Matériel]

 [# Occasions]

 [# Renseignements]

 [# Nous trouver]

 [# Idée Cadeaux]

 [# Météo]

 [# Contact]








 [# Galerie 1] 









 [# Liens Météo]

 [# Liens Fabriquants]

 [# Liens Clubs]

 [# Liens Divers]




<hr width="170" color="#FFFFFF" size="1" />

  <script type="text/javascript">disply(d);</script>
  

Merci pour ton aide

1 réponse

pjcleder Messages postés 183 Date d'inscription jeudi 4 février 2010 Statut Membre Dernière intervention 16 septembre 2011 11
2 févr. 2010 à 18:25
PAT

Salut,
J'ai un tuto sur un menu de ce genre sur une de mes pages
Va sur Tutos javascript & jQuery
Dans le menu à gauche, sélectionne le menu "Des menus" puis le sous-menu "Le même mais relooké" et fais moi savoir si c'est ce que tu recherches.

A bientôt.
0