Christian Sto: Dynamisch Navigationsleisten auch im IE einblenden

Beitrag lesen

SELF-Forum

Dynamisch Navigationsleisten auch im IE einblenden

Christian Sto
– Informationen zu den Bewertungsregeln

Hallo,
ich habe eine Frage zu dem SelfHTML-Script auf der Seite:
http://de.selfhtml.org/css/layouts/navigationsleisten.htm

Unter dem Thema: "Dynamisch Navigationsleisten auch im IE einblenden"

Das Anzeigebeispiel ist folgendes:
http://de.selfhtml.org/css/layouts/anzeige/nav_javascript.htm

Und zwar funktioniert das Script ja mit den Listen, also <ul>.
Ich würde jedoch gerne Tabellen statt der Listen einsetzen und habe das auch erfolgreich umgeschrieben. Allerdings spielt da der IE nicht mit. Also wollte ich die JavaScript-Funktion von SelfHTML auf Tabellen umschreiben, damitauch der IE meine Navigation richtig anzeigt.
Aber leider will das nicht so recht funktionieren. Ich muss dazu sagen, dass ich noch nicht so viel Erfahrungen mit JavaScript gemacht habe.

Aber ich wollte Euch das Script (so wie ich es umgeschrieben habe) trotzdem zeigen, damit ihr eventuell den bzw. die Fehler finden könnt.

Das Script sieht folgender Maßen aus:

<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var TH = document.getElementById("Navigation").firstChild;
    do {
      if (sucheTable(TH.firstChild)) {
        TH.onmouseover=einblenden;
        TH.onmouseout=ausblenden;
      }
      TH = TH.nextSibling;
    }
    while(TH);
  }

function sucheTable(TABLE) {
    do {
      if(TABLE) TABLE = TABLE.nextSibling;
      if(TABLE && TABLE.nodeName == "TABLE") return TABLE;
    }
    while(TABLE);
    return false;
  }

function einblenden() {
    var table = sucheTable(this.firstChild);
    table.style.display = "block"; table.style.backgroundColor = "silver";
  }
  function ausblenden() {
    suchetable(this.firstChild).style.display = "none";
  }

window.onload=hoverIE;
}
</script>

Der HTML-Body Bereich sieht so aus:

<body>
  <table id="Navigation">
    <th><a href="#Beispiel">Seite 1</a></th>

<th><a href="#Beispiel">Seite 2</a>
      <table>
        <th><a href="#Beispiel">Seite 2a</a></th>
        <th><a href="#Beispiel">Seite 2b</a></th>
      </table>
    </th>

<th><a href="#Beispiel">Seite 3</a></th>

<th><a id="aktuell" href="#Beispiel">Seite 4</a>
      <table>
        <th><a href="#Beispiel">Seite 4a</a></th>
        <th><span>aktuelle Seite</span></th>
        <th><a href="#Beispiel">Seite 4c</a></th>
      </table>
    </th>

<th><a href="#Beispiel">Seite 5</a></th>
  </table>
<body>

Für Hilfe wäre ich sehr dankbar ;-)

Beitrag melden
–
Informationen zu den Bewertungsregeln