Ralf: Navigation

Hallo, wer kann mir weiterhelfen?
Wie bekomme ich die Navigation so hin, dass wenn ich den Courser über einen Link führe Unterlinks so lange angezeigt werden, bis ich den Courser wieder runter nehme?

Im voraus, vielen Dank für Euere Hilfe,

Gruß,
Ralf

  1. Hallo,

    im Head:

    <script type="text/javascript">
    <!--
      function show()
      {
        // hier ev. noch Position festlegen
        document.getElementById("untermenu").style.visibility = "visible";
      }
      function hide()
      {
        document.getElementById("untermenu").style.visibility = "hidden";
      }
    -->
    </script>

    dann im Body:

    <a href="#" onMouseOver="show();" onMouseOut="hide();">Link</a>
    <div id="untermenu" style="visibility:hidden;">Untermenutext</div>

    Gruss,
    Daniel

    1. Hi,

      <a href="#" onMouseOver="show();" onMouseOut="hide();">Link</a>
      <div id="untermenu" style="visibility:hidden;">Untermenutext</div>

      meist Du wirklich?
      Abgesehen davon, daß #untermenu beim Verlassen des Linkbereiches sofort wieder verschwindet, kommen Besucher hier ohne Javascript nirgendwo hin.

      freundliche Grüße
      Ingo

    2. Hallo,

      im Head:

      <script type="text/javascript">
      <!--
        function show()
        {
          // hier ev. noch Position festlegen
          document.getElementById("untermenu").style.visibility = "visible";
        }
        function hide()
        {
          document.getElementById("untermenu").style.visibility = "hidden";
        }
      -->
      </script>

      dann im Body:

      <a href="#" onMouseOver="show();" onMouseOut="hide();">Link</a>
      <div id="untermenu" style="visibility:hidden;">Untermenutext</div>

      Gruss,
      Daniel

      Super, klappt soweit ganz gut, aber ich möchte, das das Untermenü solange stehen bleibt, bis ich die Aktion ausgelöst habe und dann erst verschwindet.

      Gruß,
      Ralf

      1. <div id="untermenu" style="visibility:hidden;" onMouseOver="show();" onMouseOut="hide();">Untermenutext</div>

        statt

        <div id="untermenu" style="visibility:hidden;">Untermenutext</div>

        Gruss,
        Daniel

  2. Hallo,

    Wie bekomme ich die Navigation so hin, dass wenn ich den Courser über einen Link führe Unterlinks so lange angezeigt werden, bis ich den Courser wieder runter nehme?

    Es gibt diverse JavaScript-Basteleien, die in gewissen
    Browsern funktionieren, in andern nicht.

    Es gibt auch CSS-Spielereien, die in einigen Browsern
    etwas aehnliches bewirken.
    Nimm einen aktuellen Browser und guck Dir mal folgendes an:
    http://www.meyerweb.com/eric/css/edge/menus/demo.html

    Denk bei so kritischen Sachen (d.h. Bastel-Menues,
    sei es mit CSS oder mit JavaScript) immer daran,
    auch einen 100% zuverlaessigen Weg zu den Inhalten
    anzubieten, also eine Navigation in normalem HTML.

    Die Minimalvariante ist eine Sitemap (mit Links
    zu saemtlichen Seiten) zu der Du auf allen Seiten
    einen normalen, gut erreichbaren Link hast.

    Gruesse,

    Thomas

    --
    Dank /my/ automatisch ausgeblendet: JavaScript, ASP.
    Manuell "ausgeblendet": Threads mit Frames, Iframes und Scrollbalken im Subject...
    Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!