incompatibilité d'un script ( IE Vs Safari)

Voila j'ai telecharger un menu ici meme et il fonctionne tres bien mais dans le parc ou je suis il y a 3 empecheur de tourner en rond :) des macs et donc sur safari tout nes'effectue pas,

je m'explique j'ai un menu horizontal a multi-niveaux et sous safari un seul des onglet defile :S

voici le script quelqu'un peut peut-etre me dire comment l'adapter pour qu'il fonctionne en meme temps sur safari et sur IE

var l=document.getElementById("Menu").getElementsByTagName('LI');
 for ( var n=0; n<l.length; n++ )
 {
  l[n].unselectable="on"; // pour faire plus propre : "non sélectionnable", ne fonctionne pas avec FF ?
  if ( l[n].getElementsByTagName('UL') && l[n].getElementsByTagName('UL').length>0 )
    {
     l[n].onmouseover = function()
       { 
        this.getElementsByTagName('UL')[0].style.visibility="visible";
        // au survol, on montre l'élément
       } 
     l[n].onmouseout = function() 
       { 
        this.getElementsByTagName('UL')[0].style.visibility="hidden"; 
        // on le cache, dès que la souris ne survole plus
       }
     l[n].getElementsByTagName('A')[0].innerHTML+="&nbsp;<img src='Menu/FlecheDroite.gif' />";
     // flêche pour indiquer qu'il y a des sous-menus
    }
  else {
     l[n].getElementsByTagName('A')[0].innerHTML+="<img src='Menu/FlecheDroite.gif' style='width:0;height:0;'/>";
     // pour permettre de détecter le survol "hors du texte" avec IE
    }
 }

Merci d'avance

Bonjour,

    tiens... serait-ce mon menu qu'il a été mis ici par moi ?
    je n'ai pas de mac, donc pas de safari, je vais avoir
       du mal à aider.
    mais d'autres intervenants devraient passer....

---

---

C'est tout simple il me semble:

var l=document.getElementById("Menu").getElementsByTagName('LI');

Le deuxième appel de méthode est incorrect car getElementById retourne une collection d'éléments (un tableau en fait), et ce tableau ne contient pas pas la méthode getElementsByTagName()

(IE rajoute cette méthode dans le tableau, mais ce comportement n'est pas correct car la méthode n'est pas un élément HTML valide que devrait retourner getElementById).

Les méthodes "getElement(s)By...()" ne s'appliquent qu'à un document, pas à un élément ou un tableau d'éléments.

>>car getElementById retourne une collection
>>d'éléments (un tableau en fait)
pas du tout ! d'ailleurs un ID est
obligatoirement unique dans une page

.getElementsByTagName lui oui

mais bon... aujourd'hui on fait
un menu uniquement en css

petite précision encore,
avec Safari sous Windows (xp) ça fonctionne

Ceci dit, ça marche dans Chrome (basé aussi sur le moteur HTML5 de WebKit). Le problème peut éventuellement provenir du fait que l'id "Menu" n'est pas unique dans ton document comme il le devrait; auquel cas, getElementById() ne retourne pas un seule élément, mais peut retourner un tableau d'éléments (indexés par numéro 0 à n-1) ou bien un seul mais pas le bon, ou voire NULL.
Vérifie ton code HTML pour voir si tes ID's sont uniques.

En théorie oui, un ID est unique dans une page. Mais il arrive facilement que ce ne soit pas le cas. Dans ce cas le comportement de getElementById (noter le singulier dans le nom de la méthode) est indéfini et varie d'un navigateur à l'autre.

Si tu as Safari ou Chrome, utilise la Console Javascript pour le vérifier.
Tu as en bas de la fenêtre de la console une ligne qui commence par un ">" en bleu, qui permet de regarder ce que te retourne document.getElementById("Menu") quand ta page HTML est affichée. tu verras ensuite le type d'objet (que tu peux dérouler en cliquant le triangle avant la valeur affichée).
Cette console Javascript est extrèmement utile (et bien plus pratique que celle que propose IE via sa barre d'outils optionelle pour développeurs...)

dans le script originel, bien entendu
1 seul ID="Menu", en fait on s'en
balance car getElementById délivrerait
le 1er.
>>auquel cas, getElementById() ne retourne pas un seule
>>élément, mais peut retourner un tableau d'éléments
en aucun cas... tester pour voir.