Nadir: Navi in Firefox

Hallo,

kann jemand mir hier bitte sagen warum diese Navi in Firefox nicht geht bzw. funktioniert?

1000 Dank.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>

<style>

body {margin: 0 0 0 18px; padding:0;}
  </style>
 <script>
  function displaySubNav(li, display) {
      var ul = li.getElementsByTagName('ul');
      if (ul && ul[0])
          ul[0].style.display = display;
      if (display=='block') {
            li.firstChild.style.color='0050AA';
      li.firstChild.style.fontSize='10px';
            li.firstChild.style.fontWeight='bold';

} else {
            li.firstChild.style.color='0050AA';
            li.firstChild.style.fontWeight='normal';
      }
     }

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>
</head>

<body onload="hideNavigation()">
<ul id="nav">
    <li><a href="#" onclick="showNavigation(this.parentNode);">Punkt 1</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);">Punkt 2</a>
      <ul>
         <li>Subpunkt 2.1</li>
         <li>Subpunkt 2.2</li>
         <li>Subpunkt 2.3</li>
      </ul>
   </li>
   <li><a href="#" onclick="showNavigation(this.parentNode);">Punkt 3</a>
      <ul>
         <li>Subpunkt 3.1</li>
         <li>Subpunkt 3.2</li>
         <li>Subpunkt 3.3</li>
      </ul>
   </li>
    <li><a href="#" onclick="showNavigation(this.parentNode);">Punkt 1</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);">Punkt 2</a>
      <ul>
         <li>Subpunkt 2.1</li>
         <li>Subpunkt 2.2</li>
         <li>Subpunkt 2.3</li>
      </ul>
   </li>
   <li><a href="#" onclick="showNavigation(this.parentNode);">Punkt 3</a>
      <ul>
         <li>Subpunkt 3.1</li>
         <li>Subpunkt 3.2</li>
         <li>Subpunkt 3.3</li>
      </ul>
   </li>
</ul>

</body>
</html>

  1. hi,

    kann jemand mir hier bitte sagen warum diese Navi

    geht es dabei immer noch um das script, welches du in deinem firstChild-thread gestern so ausführlich diskutiert hast?
    dann bleibe doch bitte in diesem, </faq/#Q-11>

    in Firefox nicht geht bzw. funktioniert?

    das sagt dir vermutlich der firefox selber am bereitwilligsten, bzw. seine javascript-konsole.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. hi,

      geht es dabei immer noch um das script, welches du in deinem
      dann bleibe doch bitte in diesem,

      Okay, sorry zunächst für das Doppelposting.

      das sagt dir vermutlich der firefox selber am bereitwilligsten, bzw. seine javascript-konsole.

      Halt, es funtktioniert prima.

      Mein Fehler ;-(( Das ist ein CSS-Problem. Ich muss und wird es anpassen. Peinlich sorry nochmal.

      besten Gruß
      Nadir

      1. Hi,

        Mein Fehler ;-(( Das ist ein CSS-Problem.

        welches im CSS-Code zu lösen sein müsste, nicht im JavaScript-Code, und damit auch validierbar wäre. *Verwende* *Klassen*!

        Cheatah

        --
        X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
        X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
        X-Will-Answer-Email: No
        X-Please-Search-Archive-First: Absolutely Yes
        1. Hi,

          welches im CSS-Code zu lösen sein müsste, nicht im JavaScript-Code, und damit auch validierbar wäre. *Verwende* *Klassen*!

          Danke, ich habe es hinbekommen. Aber ich wollte euch was fragen und zwar es gibt eine Selfhtml-Seite für Javascritpt-CSS-Referenzen (Ich weiß wie es sich nennt).

          Ich hatte sie als Bookmark, aber jetzt finde ich sie nicht mehr.
          Weißt jemand bitte den Link dahin?

          Besten Gruß aus München.
          Nadir

          1. Hi,

            eine Selfhtml-Seite für Javascritpt-CSS-Referenzen

            was soll sich auf dieser befinden? Bzw. was verstehst Du unter JavaScript-CSS-Referenzen?

            Cheatah

            --
            X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
            X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
            X-Will-Answer-Email: No
            X-Please-Search-Archive-First: Absolutely Yes
            1. Hi,

              was soll sich auf dieser befinden? Bzw. was verstehst Du unter JavaScript-CSS-Referenzen?

              Schon gefunden.
              Ich meinte das hier :
              http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften

              Gruß
              Nadir

              1. Hi,

                Ich meinte das hier :
                http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften

                wichtig davon ist nur der erste Absatz. Den Rest kann man sich ohne JavaScript-Kenntnisse herleiten.

                Cheatah

                --
                X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
                X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
                X-Will-Answer-Email: No
                X-Please-Search-Archive-First: Absolutely Yes
          2. hi,

            Aber ich wollte euch was fragen und zwar es gibt eine Selfhtml-Seite für Javascritpt-CSS-Referenzen (Ich weiß wie es sich nennt).

            Ich hatte sie als Bookmark, aber jetzt finde ich sie nicht mehr.
            Weißt jemand bitte den Link dahin?

            meinst du http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften?

            gruß,
            wahsaga

            --
            /voodoo.css:
            #GeorgeWBush { position:absolute; bottom:-6ft; }
            1. hi,

              meinst du http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften?

              Jua, das ist das. Danke dir man.

              Grüße aus München