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.
Programmieren - alles kontrollieren 4.941 Themen, 20.708 Beiträge
Doch! Schau Dir mal diese Seite an:
http://de.selfhtml.org/javascript/beispiele/verweisliste.htm
Gruß, mawe2
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
also brauch man css oder javascript.
hatte die hoffnung gehegt es ginge nur mit html.
werde mich an das selfhtml beispiel halten.
danke sehr
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
Wieso? Das Beispiel passt doch 100%. Das ist eine ganz normale ComboBox (select mit einem angezeigten Eintrag) und OnChange-Ereignis...
Gruß
Borlander
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
Die Links in diesem Beispiel sind richtige HTML-Links und deswegen suchmaschinen-freundlich:
http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern