tobihin: DropDown-Menü mit Links innerhalb der Datei

Hallo!

Ich entwerfe gerade für ein kleines Unternehmen eine Webpräsenz. Nun möchte ich, da das Familienunternehmen mittlerweile schon einige Filialen besitzt ein DropDown-Menü erstellen in dem man eine Filiale auswählen kann um dann an die richtige Stelle auf der Seite zu springen.

Ich habe es nun mit einfachen Ankern und Links versucht, aber das scheint nicht so recht zu funktionieren innerhalb des DropDown-Menüs ...

Ich wäre sehr dankbar über eure Vorschläge, weil ich hier echt nicht weiterkomme.

Mit freundlichem Gruß
Tobias

  1. Hi!

    Nun möchte ich, da das Familienunternehmen mittlerweile schon einige Filialen besitzt ein DropDown-Menü erstellen in dem man eine Filiale auswählen kann um dann an die richtige Stelle auf der Seite zu springen.

    Hast du Platznot oder warum nimmst du nicht eine einfache Liste? Ein Link einer einfachen Liste lässt sich schneller erkennen und schneller auswählen als Dropdown-Einträge.

    Ich habe es nun mit einfachen Ankern und Links versucht, aber das scheint nicht so recht zu funktionieren innerhalb des DropDown-Menüs ...

    Ein Dropdown ist das HTML-Element select und das hat (neben optgrp) nur options als Kinder, die wiederum nur Text enthalten dürfen. Das Dropdown ist nicht als Sprungbrett erdacht worden. Wenn du es als solches missbrauchen willst, musst du mit Javascript auf das Auswählen einer Option reagieren und den Browser zum Laden der gewünschten Seite veranlassen.

    Lo!

    1. Hi!

      Nun möchte ich, da das Familienunternehmen mittlerweile schon einige Filialen besitzt ein DropDown-Menü erstellen in dem man eine Filiale auswählen kann um dann an die richtige Stelle auf der Seite zu springen.

      Hast du Platznot oder warum nimmst du nicht eine einfache Liste? Ein Link einer einfachen Liste lässt sich schneller erkennen und schneller auswählen als Dropdown-Einträge.

      » Ja, ich habe Platzmangel und wollte es daher als Drop-Down machen. Sonst könnte ich ja auch direkt eine Seitenleiste machen und dort alle Filialen als Links hinterlegen.
      »

      Ich habe es nun mit einfachen Ankern und Links versucht, aber das scheint nicht so recht zu funktionieren innerhalb des DropDown-Menüs ...

      Ein Dropdown ist das HTML-Element select und das hat (neben optgrp) nur options als Kinder, die wiederum nur Text enthalten dürfen. Das Dropdown ist nicht als Sprungbrett erdacht worden. Wenn du es als solches missbrauchen willst, musst du mit Javascript auf das Auswählen einer Option reagieren und den Browser zum Laden der gewünschten Seite veranlassen.

      » Okay, dann bleibt mir nichts anderes als JS übrig. Habe mich nun auch für eine andere Möglichkeit entschieden die aber auch JS benötigt. Im Drop-Down soll man weiterhin die Filiale auswählen können, allerdings soll nun in einem Textfeld dann die Information über die Filiale angezeigt werden (Telefonnummern etc.) Wie das funktioniert habe ich auch schon herausgefunden.

      mfG tobihin

      Lo!

    2. [latex]Mae  govannen![/latex]

      Das Dropdown ist nicht als Sprungbrett erdacht worden. Wenn du es als solches missbrauchen willst, musst du mit Javascript auf das Auswählen einer Option reagieren und den Browser zum Laden der gewünschten Seite veranlassen.

      ... was dazu führt, daß jemand, der kein JS verwenden will/darf/kann eine wichtige Funktionalität der Site nicht nutzen kann. Das ist *das* Killer-Kriterium gegen select-Elemente (außerhalb von absendbaren Formularen).

      Man sollte es folgendermaßen machen: Im Dokument ist ein normaler Link (mit id-Attribut) zu einem weiteren Dokument, in dem serverseitig die Filialen (aus einem Datenbestand kommend) gelistet werden.

      Wenn JS zur Verfügung steht, die Referenz zu diesem Link ermitteln und ihn per replaceChild gegen ein per JS erzeugtes select-Element mit allen Filialen ersetzen und eventhandler/listener zuweisen. Das Filial-Listen-Dokument und der "Inhalt" des select-Elements können dabei aus der gleichen Datenquelle gespeist werden, bei der JS-Lösung bspw. per XMLHttpRequest.

      Stur lächeln und winken, Männer!
      Kai

      --
      Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken
      in Richtung "Mess up the Web".(suit)
      SelfHTML-Forum-Stylesheet