DropDown-Menü mit Links innerhalb der Datei – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self DropDown-Menü mit Links innerhalb der Datei Fri, 02 Sep 11 13:30:19 Z https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523391#m1523391 https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523391#m1523391 <p>Hallo!</p> <p>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.</p> <p>Ich habe es nun mit einfachen Ankern und Links versucht, aber das scheint nicht so recht zu funktionieren innerhalb des DropDown-Menüs ...</p> <p>Ich wäre sehr dankbar über eure Vorschläge, weil ich hier echt nicht weiterkomme.</p> <p>Mit freundlichem Gruß<br> Tobias</p> DropDown-Menü mit Links innerhalb der Datei Fri, 02 Sep 11 14:04:14 Z https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523392#m1523392 https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523392#m1523392 <p>Hi!</p> <blockquote> <p>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.</p> </blockquote> <p>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.</p> <blockquote> <p>Ich habe es nun mit einfachen Ankern und Links versucht, aber das scheint nicht so recht zu funktionieren innerhalb des DropDown-Menüs ...</p> </blockquote> <p>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.</p> <p>Lo!</p> DropDown-Menü mit Links innerhalb der Datei Sat, 03 Sep 11 10:00:43 Z https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523394#m1523394 https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523394#m1523394 <blockquote> <p>Hi!</p> <blockquote> <p>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.</p> </blockquote> <p>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.</p> </blockquote> <p>» 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.<br> »</p> <blockquote> <blockquote> <p>Ich habe es nun mit einfachen Ankern und Links versucht, aber das scheint nicht so recht zu funktionieren innerhalb des DropDown-Menüs ...</p> </blockquote> <p>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.</p> </blockquote> <p>» 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.</p> <p>mfG tobihin</p> <blockquote> <p>Lo!</p> </blockquote> DropDown-Menü mit Links innerhalb der Datei Sat, 03 Sep 11 13:26:53 Z https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523393#m1523393 https://forum.selfhtml.org/self/2011/sep/2/dropdown-menue-mit-links-innerhalb-der-datei/1523393#m1523393 <p>[latex]Mae  govannen![/latex]</p> <blockquote> <p>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.</p> </blockquote> <p>... 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).</p> <p>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.</p> <p>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.</p> <p>Stur lächeln und winken, Männer!<br> Kai</p> <div class="signature">-- <br> Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken<br> in Richtung "Mess up the Web".(<a href="https://forum.selfhtml.org/?t=197497&m=1324775" rel="noopener noreferrer">suit</a>)<br> <a href="http://selfhtml.knrs.de/#h_stylesheet" rel="nofollow noopener noreferrer">SelfHTML-Forum-Stylesheet</a> </div>