Programmieren - alles kontrollieren 4.935 Themen, 20.621 Beiträge

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

hansapark / 7 Antworten / Flachansicht 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
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