// Raccourci et création d'un objet var d = document,     o = {}; 
// Définition des propriétés de l'objet o.Menu = {     
// Chargement du menu     __Load__: function()     {        
 // On lance le test pour s'assurer du bon fonctionnement         o.Menu.__Test__();     },    
 // Test d'existence des méthodes et de la syntaxe xhtml     __Test__: function()     {         
 // Si l'une des méthodes du script n'est pas interprétée ou si le menu n'existe pas, on stoppe le script.         if ( !d.getElementById ||          !d.getElementsByTagName ||          !d.createElement ||          !d.createTextNode ||          !d.getElementById('menu') ||          !d.getElementById('menu').setAttribute ||          !d.getElementById('menu').replaceChild ||          !d.getElementById('menu').appendChild ||          !d.getElementById('menu').getElementsByTagName('dl') ) return false; /*        ----- Tests facultatifs et non exhaustifs de bon augure ^^ -----         ----- Les codes contenus dans la zone suivante peuvent -----         ----- être virés si vous êtes sûr de votre syntaxe xhtml. ----- */        
 // Une fois le premier test effectué, on définit les variables nécessaires.         var iA, iB, iC, iD,             oMenu = d.getElementById('menu'),             oDl = oMenu.getElementsByTagName('dl');         // Pour chaque élément dl du tableau oDl,         for ( iA = oDl.length - 1; iA >= 0; iA-- )         {             // on récupère les éléments dt dans un tableau.             var oDt = oDl[iA].getElementsByTagName('dt');             // Si le tableau oDt est vide, on stoppe le script.             if ( !oDt ) return false;         }                  // Pour chaque élément dl du tableau oDl,         for ( iA = oDl.length - 1; iA >= 0; iA-- )         {             // on récupère les éléments dd dans un tableau oDd.             var oDd = oDl[iA].getElementsByTagName('dd');             // Si le tableau oDd est vide, on stoppe le script.             if ( !oDd ) return false;             // sinon             else             {                 // pour chaque élément dd du tableau oDd,                 for ( iB = oDd.length - 1; iB >= 0; iB-- )                 {                     // on récupère les éléments ul dans un tableau oUl.                     var oUl=oDd[iB].getElementsByTagName('ul');                     // S'il n'y a pas d'élément ul, on stoppe le script.                     if( !oUl ) return false;                     // sinon                     else                     {                         // pour chaque élément ul du tableau oUl,                         for ( iC = oUl.length - 1; iC >= 0; iC-- )                         {                             // on récupère les éléments li dans un tableau oLi.                             var oLi = oUl[iC].getElementsByTagName('li');                             // S'il n'y a aucun objet oLi, on stoppe le script.                             if( !oLi ) return false;                             // sinon                             else                             {                                 // pour chaque élément li du tableau oLi,                                 for ( iD = oLi.length - 1; iD >= 0; iD-- )                                 {                                     // on récupère l'élément a dans un objet oA.                                     var oA = oLi[iD].getElementsByTagName('a')[0];                                     // S'il n'y a pas d'objet oA, on stoppe le script.                                     if( !oA ) return false;                                 }                             }                         }                     }                 }             }         }          /*         ----- -----         ----- Fin des tests facultatifs de bon augure ^^ -----         ----- ----- */         // Une fois le test effectué, on initialise le menu.         return o.Menu.__Init__();     },     // Méthode d'initialisation du menu     __Init__:function()     {         // On définit les variables nécessaires.         var iA,             oMenu = d.getElementById('menu'),             oDl = oMenu.getElementsByTagName('dl');         // On cache tous les éléments dd en lançant la méthode dédiée à cette tâche.         o.Menu.__HideLists__();         // Pour chaque élément dl du tableau oDl,         for ( iA = oDl.length - 1; iA >= 0; iA-- )         {             // On récupère l'élément dt.             var oDt = oDl[iA].getElementsByTagName('dt')[0];             // On crée un élément dt et un élément a             var oNewDt = d.createElement('dt'),                 oA = d.createElement('a'),                 oTextA = d.createTextNode('');             // On définit les propriétés de l'objet oA             // (récupération du noeud texte de l'élément dt pour définir celui de l'élément a)             oA.setAttribute('href','#');             oTextA.data = oDt.firstChild.nodeValue;             // On constitue l'arbre DOM en remplaçant l'élément dt du code xhtml             // par celui qu'on vient de créer.             oA.appendChild(oTextA);             oNewDt.appendChild(oA);             oDl[iA].replaceChild(oNewDt,oDt);             // On définit des méthodes en fonction des actions de l'utilisateur.             oA.onclick = o.Menu.__Discard__;             oDl[iA].onmouseover = o.Menu.__MouseDisplay__;             oA.onfocus = o.Menu.__TabDisplay__;             oA.onkeypress = o.Menu.__TabDisplay__;         }     },     // Méthode d'affichage de l'élément dd lorsqu'on le survole.     __MouseDisplay__:function()     {         // On cache tous les éléments dd en lançant la méthode dédiée à cette tâche.         o.Menu.__HideLists__();         // On récupère l'élément dd de l'élément dl qu'on survole dans un objet.         var oDd = this.getElementsByTagName('dd')[0];         // On affecte la propriété css "display: block;" à l'objet oDd (affichage)         oDd.style.display = 'block';         // On cache l'élément dd lorsqu'on ne survole plus l'élément dl.         this.onmouseout = o.Menu.__HideLists__;     },     // Méthode d'affichage de l'élément dd lorsqu'il prend le focus.     __TabDisplay__:function()     {         // On cache tous les éléments dd en lançant la méthode dédiée à cette tâche.         o.Menu.__HideLists__();         // On récupère l'élément dd de l'élément dl qui a le focus dans un objet.         var oDd = this.parentNode.parentNode.getElementsByTagName('dd')[0];         // On affecte la propriété css "display: block;" à l'objet oDd (affichage)         oDd.style.display = 'block';         // On donne le focus au premier lien de l'élément dd traité.         oDd.getElementsByTagName('a')[0].focus();     },     // Méthode de masquage des éléments dd     __HideLists__:function()     {         // On définit les variables nécessaires.         var iA,             oDd = d.getElementById('menu').getElementsByTagName('dd');         // Pour chaque élément dd du tableau oDd,         for (iA = oDd.length - 1; iA >= 0; iA-- )         {             // On affecte la propriété css "display: none;" à l'objet oDd (masquage)             oDd[iA].style.display = 'none';         }     },     // Fonction d'annulation      __Discard__:function()     {         // On annule l'action.         return false;     } }; // Une fois que le document est chargé en mémoire, on charge le script. window.onload=o.Menu.__Load__;