Programmieren - alles kontrollieren 4.940 Themen, 20.676 Beiträge

Drop-down-menü - wie programmiert man eines?

hansapark / 7 Antworten / Baumansicht Nickles

hallo. ich suche schon länger nach einer anleitung um so etwas wie im bild zu bauen..
es finden sich immer viele anleitungen für pop-out-menüs und drop-downs und wie sie alle heißen. ich will aber das simple auf dem bild bauen.

bei selfhtml findet sich so eines auch nicht.
obwohl es aussieht als wäre es nur html..
wie geht man da heran?

http://img833.imageshack.us/img833/75/cimg0663y.jpg

danke
h.

bei Antwort benachrichtigen
mawe2 hansapark „Drop-down-menü - wie programmiert man eines?“
Optionen
bei selfhtml findet sich so eines auch nicht.

Doch! Schau Dir mal diese Seite an:

http://de.selfhtml.org/javascript/beispiele/verweisliste.htm

Gruß, mawe2
bei Antwort benachrichtigen
Ten_Eniunlsl hansapark „Drop-down-menü - wie programmiert man eines?“
Optionen

Hi
In ewta so du machst 2 hintergrund grafik.
diese beschreibst du durch css und javascript mit 'alle Kategorien'
Dann baust du mit JS ein OnClick event funktion die zum einen die hintergrund grafik austauscht.
Zum anderen ein an der richtigen position ein gefügtes div sicht bar macht also das css attribut visibilty:hidden auf visibility:visible setzt.

in diesem div definierst du dann ein drop down menu mit select und meheren optionen.
um es zu schliesen brauchst du natürlich auch eine funktion z.B onBlur oder onMouseOut

So sollte das in etwa funktionieren

N schönes Tool um sowas nachzu vollziehen sit der Firebug im Firefox

Sers

Ten

bei Antwort benachrichtigen
hansapark Nachtrag zu: „Drop-down-menü - wie programmiert man eines?“
Optionen

also brauch man css oder javascript.
hatte die hoffnung gehegt es ginge nur mit html.
werde mich an das selfhtml beispiel halten.

danke sehr

bei Antwort benachrichtigen
bilibi hansapark „Drop-down-menü - wie programmiert man eines?“
Optionen

Das sollte Dir weiterhelfen

Selfhtml ist zwar top, hilft Dir aber auf die schnelle nicht weiter
Da du zuviel rumexperentieren wirst.

http://barrierefrei.e-workers.de/workshops/tricks/menues.php


jrueß
b

Deo Fretus Erumpe
bei Antwort benachrichtigen
Borlander bilibi „Das sollte Dir weiterhelfen Selfhtml ist zwar top, hilft Dir aber auf die...“
Optionen

Wieso? Das Beispiel passt doch 100%. Das ist eine ganz normale ComboBox (select mit einem angezeigten Eintrag) und OnChange-Ereignis...

Gruß
Borlander

bei Antwort benachrichtigen
bilibi Borlander „Wieso? Das Beispiel passt doch 100 . Das ist eine ganz normale ComboBox select...“
Optionen

Hatte Drop Down Menue gelesen. Obwohl da kein Menue stand.
Das kommt davon wenn man oberflächlich ließt.
Drop Down Menue assoziiere ich mit einer kompletten Leiste und nicht einem einzelnen Feld was herunterklappt.

Bei meinem Beispiel konnte man jedoch die überfluessigen Menues weglassen und hat das gleiche Ergebnis wie im aufgezeigten Bild

Aber es stimmt, du hast rechts

Jrueß
b

Deo Fretus Erumpe
bei Antwort benachrichtigen
asterix5 hansapark „Drop-down-menü - wie programmiert man eines?“
Optionen

Die Links in diesem Beispiel sind richtige HTML-Links und deswegen suchmaschinen-freundlich:
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

\"Als ich nach Deutschland kam, sprach ich nur Englisch - aber weil die deutsche Sprache inzwischen so viele englische Wörter hat, spreche ich jetzt fließend Deutsch!\" (Rudi Carrell)
bei Antwort benachrichtigen