• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

menue...trick benötigt^^

Status
Für weitere Antworten geschlossen.

headgrowe

Neues Mitglied
hi @ all,
habe ein menue gemacht, das sich durch ul:houver öffnet(das untermenue^^). Das funktioner natürlich leider nicht beim IE! so jetzt eine lösung für den IE(java-script). ich möchte aber nicht das ich bei jedem menuepunkt onmousouver="funktionxyz" bzw. out machen muss. "style.display ="block" oder "none" ist das was ich möchte aber nichts im html next^^:mrgreen:

so eine javascript lösung habe ich bereits bekommen...ich verstehe sie nur leider nciht^^!

Bitte um eure hilfe
mfg jacob
HTML:
<!--[if IE]>
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
  function hoverIE() {
    var LI = document.getElementById("Navigation").firstChild;
    do {
      if (sucheUL(LI.firstChild)) {
        LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
      }
      LI = LI.nextSibling;
    }
    while(LI);
  }

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

  function einblenden() {
    var UL = sucheUL(this.firstChild);
    UL.style.display = "block"; UL.style.backgroundColor = "#eee";
  }
  function ausblenden() {
    sucheUL(this.firstChild).style.display = "none";
  }

  window.onload=hoverIE;
}
</script>
<![endif]-->
so jetzt nur nocht der html text^^

HTML:
<div id="Tmenu">
  <ul id="Navigation">
    <li><a id="aktuell" href="#Beispiel">Seite 1</a>
      <ul>
        <li><span>aktuelle Seite</span></li>
        <li><a href="#Beispiel">Seite 1b</a></li>
        <li><a href="#Beispiel">Seite 1c</a></li>
        <li><a href="#Beispiel">Seite 1d</a></li>
      </ul>
    </li>
    <li><a href="#Beispiel">Seite 2</a></li>
    <li><a href="#Beispiel">Seite 3</a>
      <ul>
        <li><a href="#Beispiel">Seite 3a</a></li>
        <li><a href="#Beispiel">Seite 3b</a></li>
        <li><a href="#Beispiel">Seite 3c</a></li>
      </ul>
    </li>
    <li><a href="#Beispiel">Seite 4</a></li>
  </ul>
  <div></div>
</div>
 
Zuletzt bearbeitet:
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben