nicht angemeldet
Hallo,
ich habe die folgende Listennavigation;
<ul id="nav">
<li>Dummy Link Dummy Link
<ul>
<li>Subpunkt 1.1</li>
<li>Subpunkt 1.2</li>
<li>Subpunkt 1.3</li>
</ul>
</li>
<li>Dummy Link Dummy Link
<ul>
<li>Subpunkt 1.1</li>
<li>Subpunkt 1.2</li>
<li>Subpunkt 1.3</li>
</ul>
</li>
</ul>
und ich muus den Link: "Dummy Link Dummy Link" der über <ul></ul>
difeniert ist, beim öffnen der Liste eine andere Farbe z.B "red" eine andere Schriftgröße z.B. "bold" geben.
Ich habe es mit "ul[0].firstChild.style.color='red';" versucht, aber es funktioniert nicht und es greift auf Subpunkt 1.1 was ich eigentlich nicht will.
Ich wäre für einen Tipp oder Lösung sehr Dankbar
Der Code :
<html>
<script type="text/javascript">
function displaySubNav(li, display) {
var ul = li.getElementsByTagName('ul');
if (ul && ul[0])
ul[0].style.display = display;
ul[0].firstChild.style.color='red';
}
function hideNavigation() {
var nav = document.getElementById('nav');
var item = nav.firstChild;
while (item) {
if (item.tagName && item.tagName.toLowerCase() == "li") {
displaySubNav(item, "none");
}
item = item.nextSibling;
}
}
function showNavigation(li) {
hideNavigation();
displaySubNav(li, "block");
}
</script>
<body onload="hideNavigation()">
<ul id="nav">
<li><a href="#" onclick="showNavigation(this.parentNode);">Dummy Link Dummy Link</a>
<ul>
<li>Subpunkt 1.1</li>
<li>Subpunkt 1.2</li>
<li>Subpunkt 1.3</li>
</ul>
</li>
<li><a href="#" onclick="showNavigation(this.parentNode);">Dummy Link Dummy Link</a>
<ul>
<li>Subpunkt 1.1</li>
<li>Subpunkt 1.2</li>
<li>Subpunkt 1.3</li>
</ul>
</li>
</body>
</html>
MudGuard
Gernot Back