JS Dropdown Menu läuft nicht (SAFARI)

[puur]

Hi Leute,
ich stehe hier vor einem Problem hab ein DropdownMenu das in allen Browsern.. außer im Safari läuft. Eventuell kann ja jemand helfen:

var activateMenu = function(nav) {
    if(document.all && document.getElementById(nav).currentStyle){
        // only MSIE supports document.all
        var navroot = document.getElementById(nav);

        /* Get all the list items within the menu */
        var lis=navroot.getElementsByTagName("li");
        for(i=0; i<lis.length;i++){
            /* If the LI has another menu level */
            if(lis[i].lastChild.tagName=="ul"){
                /* assign the function to the LI */
                lis[i].onMouseOver = function(){
                    /* display the inner menu */
                    this.lastChild.style.display="block";
                }
                lis[i].onMouseOut = function(){
                    this.lastChild.style.display="none";
                }
            }
        }
    }
}
window.onload=function(){
    // pass the function the id of the top level UL
    // remove one, when only using one menu
    activateMenu('dmenu');
}

 

[Steve1405]

AW: JS Dropdown Menu läuft nicht (SAFARI)

Was passiert denn, wenn du das Dropdown-Menü mit Safari benutzen möchtest?

Kann dir ansonsten folgendes Dropdown-Menü von Stu Nicholls empfehlen:
Das basiert auf reinem HTML/CSS und funktionierte bei mir bisher in jedem Browser. Ein weiterer Vorteil ist, dass du keine Probleme mit Leuten hast, die Javascript deaktiviert haben

 

[puur]

AW: JS Dropdown Menu läuft nicht (SAFARI)

Vielen Dank für die Empfehlung.

Zum Fehler: Beim onMouseOver passiert nichts, das submenu wird quasi nicht ausgeklappt.

 

[daimonion]

AW: JS Dropdown Menu läuft nicht (SAFARI)

Geht er denn in die Funktion rein?

Hast du vielleicht mal ne Beispielseite, bei der man das testen könnte?

 

[puur]

AW: JS Dropdown Menu läuft nicht (SAFARI)

Hmm okay hat sich erledigt.. der Fehler lag nicht an dem Javascript sondern es war einfach ein Bug vom Safari Browser der hat manchmal Probleme mit der Darstellung von :hover elementen die innerhalb einer liste stecken.
Lösung ist allen UL und LI tags position: relative und display: block; zu verpassen dann klappts.

Mfg