Flyout Navigation

[Markus]

Hallo

ich habe mir ein flyout Menü gebastelt und erst nur mit <ul> und <li> gearbeitet und alles hat funktioniert...nun habe ich auch die links hinzugefügt und seitdem funktioniert es nicht mehr....
Javascript-Code:

function auf($div){
 clearTimeout($zeit);
 zu($aus);
 $div.style.display='inline';
}
function zu($div){
 $div.style.display='none';
}
function timer($element, $verzoegerung) {
 $pause = $verzoegerung;
 $aus = $element;
 $zeit = setTimeout("zu($aus)", $pause);
}

function navi(){
  var $links = document.getElementById('navi').getElementsByTagName('ul')[0].getElementsByTagName('li');
  for (var $i=0; $i<$links.length; $i++){
    if($links[$i].getElementsByTagName('ul')[0]){
    $links[$i].onmouseover = function () {auf( this.childNodes[1]) ; return false;}
    $links[$i].onmouseout = function () { timer(this.childNodes[1] , 1000); return false;}
    }
  }
}

HTML CODE:
.....
<div id='navi'>
<div id='navigation'></div>
<ul>
<li><a href="logout.php">Logout</a></li>
<li><a href="home.php">Home</a>
 <ul>
 <li><a href="">XXX</a></a></li>
 </ul>
</li>
<li><a href=".php">XXX</a>
 <ul>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 </ul>
</li>
<li><a href=".php">XXX</a>
 <ul>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 <li><a href="">XXX</a></li>
 </ul>
</li>
</ul>
</div>
</div>

Mfg Markus

[wahsaga]

hi,

ich habe mir ein flyout Menü gebastelt und erst nur mit <ul> und <li> gearbeitet und alles hat funktioniert...nun habe ich auch die links hinzugefügt und seitdem funktioniert es nicht mehr....

Aha. Hast du auch eine Frage diesbezüglich, oder dient das nur zu unserer Information?

Javascript-Code:

Den hast du doch sicher zumindest so weit analysiert und damit verstanden, dass du bereits erste Versuche zur Eingrenzung des Fehlers unternehmen konntest. Was kam dabei heraus?

gruß,
wahsaga