nicht angemeldet
Hallo,
ich bräuchte bitte dringend Hilfe, falls es geht und Danke im Vorraus.
Problembeschreibung (Ich hoffe, daß ich mich hier deutlich ausdrucke):
Wenn die Liste aufgeklappt ist und der User auf einen Link dieser Liste (der zweite Ebene)klickt, soll sie sich nicht schließen sondern einfach den Link im hauptfenster oder neuem fenster aufrufen.
Sie muss sich schließen nur wenn der User auf den Hauptlink (erste Ebene) darüber klickt.
Das Problem ist daß ich es mit "this" gemahct habe, und das bezieht ich auf den gerade angelickten Link.
Kann jemand mir bitte auf die schnelle helfen?
Besten GRuß
Nems
Code:
<html>
<head>
<title>Untitled</title>
<script>
<!--
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if(LI.firstChild) { // A (SPAN)
if(LI.firstChild.nextSibling) { // #text
if(LI.firstChild.nextSibling.nextSibling) { // UL ?
LI.onclick = switchItem; //LI.onmouseout = ausblenden;
}
}
}
LI = LI.nextSibling;
}
while(LI);
}
function switchItem() {
if (this.firstChild.nextSibling.nextSibling.style.display == "block") {
this.firstChild.nextSibling.nextSibling.style.display = "none";
} else {
this.firstChild.nextSibling.nextSibling.style.display = "block";
this.firstChild.nextSibling.nextSibling.style.backgroundColor = "#C6EFFF";
}
}
window.onload=hoverIE;
//-->
</script>
</head>
<body>
<ul id="Navigation">
<li><a href="#"" id="L_02">Aenean condimentum</a>
<ul style="display:none;background-color: #C6EFFF;">
<li><a href="#Beispiel"><img src="img/icon_teaser_right.gif" width="10" height="6" alt="arraw" />Dummy Link A</a></li>
<li><a href="#Beispiel"><img src="img/icon_teaser_right.gif" width="10" height="6" alt="arraw" />Dummy Link B</a></li>
<li><a href="#Beispiel"><img src="img/icon_teaser_right.gif" width="10" height="6" alt="arraw" />Dummy Link C</a></li>
</ul>
</li>
<li><a href="#Beispiel">Sentar at Glance</a></li>
<li style="background-color: #FFFFFF; font-weight: bold;"><a href="#">Business Context & CR</a></li>
<li><a href="#Beispiel">Nunc consectetuer</a></li>
</ul>
</body>
</html>