Funktionsfehler ?

ava99

Erfahrenes Mitglied
Hallo Community!

Bin gerade dabei mir eine vertikale ausklappbare Linkliste zu erstellen.

Verzeichnisstruktur ist abgebildet. nur die Funktion in der Datei.js wird nicht ausgeführt. Die Datei selbst ist korrekt eingebunden.

datei.js
Code:
function IEHoverPseudo() {
 
	var navItems = document.getElementById("nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuparent") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuparent"; }
		}
	}
 
}

window.onload = IEHoverPseudo;

HTML:
	<div id="container">
		<ul id="nav">
        	<ul id="nav">
            	<li class="menuparent">
                <a href="index.php?id=test">test</a>
                	<ul>
                    	<li><a href="index.php?id=111">test</a></li>
                        <li><a href="index.php?id=110">test</a></li>
                        <li><a href="index.php?id=109">test</a></li>
                        <li><a href="index.php?id=108">test</a></li>
                        <li><a href="index.php?id=107">test</a></li>
                     </ul>
                 </li>
                 <li><a href="index.php?id=test0">test</a></li>
                 <li><a href="index.php?id=104">test</a></li>
                 <li><a href="index.php?id=103">test</a></li>
                 <li><a href="index.php?id=102">test</a></li>
             </ul>
         </ul>

	</div>

Ich stehe imom richtig auf dem Schlauch warum die Funktion nicht ausgeführt wird.

Danke für eure Hilfe schon im Voraus

MFG
Ava
 
Hallo,
du hast zwei UL-tags mit der gleichen ID (IDs sollten eindeutig sein). Wahrscheinlich findet er nur das erste UL-Element, und dies hat keine LI-Kinderknoten.
 

Neue Beiträge

Zurück