[JavaScript] Suckerfish etwas anders gebraucht. // error

[dayscott]

http://igway.de/igway/newtest/logo/logo.htm

läuft wunderbar im firefox, der IE will nicht da was im Javascipt code nicht stimmt.

javascript:

<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
		logo = document.getElementById("logo");
				logo.onmouseover=function() {
					add = document.getElementById("add");
				add.className+=" over";
				}
				logo.onmouseout=function() {
					add.className=add.className.replace(" over", "");
				}
			}
		
window.onload=startList;

add = document.getElementById("add");
add.className+=" over";

--> das müsste doch so stimmen ?

[Kropff]

also so gibt es keine fehlermeldung:

startList = function() 
{
    var logo = document.getElementById("logo");
    logo.onmouseover=function() 
    {
        var add = document.getElementById("add");
        add.className += " over";
    }
    logo.onmouseout=function() 
    {
        add.className=add.className.replace(" over", "");
    }
} 

allerdings kann der ie hover nur auf links anwenden!

gruß
peter

[dayscott]

startList = function() {
    if (document.all&&document.getElementById) {
        navRoot = document.getElementById("nav");
        for (i=0; i<navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
            if (node.nodeName=="LI") {
                node.onmouseover=function() {
                    this.className+=" over";
                }
                node.onmouseout=function() {
                    this.className=this.className.replace(" over", "");
                }
            }
        } 

im original suckerfish greift er sich auch die obermenü <ul> raus, und gibt dann jedem kind element (node) also jedem <li> nen mouseover -

oder nein moment, das stimmt, aber die links sind ja auch kind elemente und kriegen ebenfalls dne mouseover ab, richtig?

edit:

der prüft ja noch extra, ob die kinderelemente auch <li> sind:
..... if (node.nodeName=="LI") {.....

[Kropff]

deine css-anweisungen sind nicht ie-kompatibel

gruß
peter

[dayscott]

#nav li:hover ul, #nav li.over ul
{
display: block;


}


-> ist der original suckerfish und funktioniert für den IE - in meiner logo.htm ist es doch exakt der selbe sachverhalt

#logo:hover #add, #logo.over #add
{
visibility:visible;
}

[RanzigeMilch]

das ist mit sicherheit nicht exakt der selbe sachverhalt....

[dayscott]

hm, ok - dann kann ich ihn mir also nicht erschliesen.

ich wär dir sehr verbunden wenn du mir den unterschied sagen würdest .

[RanzigeMilch]

im original wird z.B. eine Klasse auf ein tag angewendet,
du wendest eine klasse auf eine id an oO

zudem sind display:block und visibility:visible 2 unteschiedliche sachverhalte