Drop Down Navigation / bzw mit 2 Formularfeldern

Beitrag von **Tracker** » 16.04.2010, 16:01

Hallo,

hat jeman nen schnipsel für eine Navigation mit 2 Drop down feldern?

Also Sprich im ersten wähle ich z.B. den hersteller, im Zweiten dann das produkt und mit "Weiter" komm ich dann zu der entsprechenden Seite/Artikel.

Hoffe es ist klar was ich meine

Und da wir ja bei Abakus sind, Wie ist die Suma freundlichkeit solcher geschichten? und wie verbessere ich dies am besten ?

von **Anzeige von ABAKUS** »

Beitrag von **Andreas I.** » 16.04.2010, 17:36

Man könnte es so lösen, dass der Link auf "Weiter" zunächst zu einer Übersichtsseite mit allen möglichen Kombinationen der zwei Menus führt
Wählt man nun aus den Menus etwas aus, dann wird per JavaScript das Linkziel hinter "Weiter" geändert.

Wenn man es so macht, stell ich mir das suma-technisch ganz o.k. vor...

Beitrag von **Tracker** » 16.04.2010, 17:48

Ja, aber für den nutzer wohl etwas umständlich wenn er noch auf eine "Zwischenseite" geleitet wird.

Alternativ kann ich ja auch ne "Mini-Sitemap" für die Spider machen aller...Wählen sie

1. hersteller
2. Produkt

oder hier für eine komplette übersicht aller hersteller und produkte.

Primär geht es mir aber um die navi.

Beitrag von **Andreas I.** » 16.04.2010, 18:13

Nein die Zwischenseite ist nur dann das Linkziel, wenn nichts aus den Drop-Downmenus ausgewählt ist. Stell dir auf der Zwischenseite eine Art Tabelle mit den verschiedenen Kombinationen vor.

Wenn aber etwas aus den Menus ausgewählt wurde, ändert sich per JavaScript das Linkziel und der Surfer kommt dann direkt auf die passende Unterseite...

Beitrag von **Tracker** » 16.04.2010, 18:15

super...wenn du jetzt noch das Script hast und es mit mir teilst, ist es perfekt

Beitrag von **Andreas I.** » 16.04.2010, 18:56

Also fertig zum Download habe ich da leider nichts. Das sind bis jetzt nur meine Ideen zu dem Thema. Aber ich skizzier das noch etwas genauer. Du brauchst:

- zwei Dropdownmenus mit je einer eindeutigen id "a" und "b"
- einen Bereich mit einer id "x". Kann z.B. ein <p> sein.
- bei beiden wird mit onchange eine JavaScript-Funktion aufgerufen, die schaut, ob im anderen <select> etwas sinvolles gewählt wurde.
- wenn ja, ändert sich das innerHTML von "x" so, dass da das neue Linkziel steht.

Es wird wohl auf eine URL mit angehängten Parametern aus den values von "a" und "b" hinauslaufen.
Ein fertiges script habe ich dazu nicht, aber ich stelle es mit auch nicht sehr schwer vor, das zu programmieren. Stichworte getElementById, innerHTML und value.

Vielleicht hast Du Glück und es findet sich heute noch jemand, der in reinem JavaScript denkt.

Beitrag von **Tracker** » 16.04.2010, 19:03

Danke für deine Mühe.

Aber wenn ich das coden könnte wäre es schon fertig

Soll nicht so bös gemeint sein wie es evtl. klingt aber das "Gerüst" steht in meinem kopf. Habe nur keine Ziegel und mörtel um es fertig zu machen. Sprich mir fehlen die programmierkenntnisse.

Aber ich werde mal auf ähnlichen Seiten den Quellcode unter die lupe nehmen. Vielleicht werde ich ja so fündig.