Bonjour,

j'ai un petit problème en essayant de faire un menu à plusieurs niveaux.
En fait j'ai un menu déroulant vertical sous cette forme:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id='menu' >
             <h1>Navigation</h1>
             <dl>
               <dt id='menu1' onclick="javascript:afficher();"><a href=''>Accueil</a></dt>
               <dt id='menu2' onclick="javascript:afficher('menu2');"><a href='#'>Photos</a></dt>
                   <dd id='smenu2'>
	     	        <ul>
                       <li id='smenu21'><a href='#'>Intro</a></li>
                       <li id='smenu22'><a href='#'>photos1</a></li>
                     </ul>
           	       </dd>
               <dt id='menu3'onclick="javascript:afficher('menu3');"><a href='#'>Programmes</a></dt>
                  <dd id='smenu3'>
      		        <ul>
                       <li id='smenu31'><a href='#'>Intro</a></li>
                       <li id='smenu32'><a href='#'>prog1</a></li>
                       <li id='smenu33'><a href='#'>prog2</a></li>
      	     	   </ul>
                  </dd>
               <dt id='menu4'><a href=''>Forum</a></dt>
               <dt id='menu5'><a href=''>Contact</a></dt>
             </dl>
           </div>
Ce menu utilise une feuille de style externe CSS et un code javascript pour afficher/masquer les sous-menus lorsque l'on clique sur le menu


Mon problème est que j'aimerais qu'au chargement du menu, un des menus soit déjà préselectionné en respectant la feuille de style
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
 
#menu li a:hover,#menu li a:focus
{ background-color: lavender;
  color: darkblue;
  border-color: #FFFFFF;
}
J'avais pensé faire un
Code : Sélectionner tout - Visualiser dans une fenêtre à part
document.getElementById('menu2').focus();
mais cela ne marche pas.
...