Hi,
ich habe da ein Projekt übernommen, beidem per php aus einem Template ein Menu als Teil der Webseite erzeugt wird (PHP deshalb, weil je nach Sprachauswahl Texte ersetzt werden). Da diese Menüliste sehr lang wird, soll sie nach Kategorien sortiert sein, bis auf die Hauptkategorien alles verborgen sein und die entsprechende Kategorie nur aufgeklappt werden, wenn des benötigt wird.
Durch ein bisschen googeln habe ich was gefunden, das die Unterliste per css aufpoppen oder verbergen kann:
Um es gleich dazu zu sagen: Ich habe keinen blassen Schimmer von CSS, daher kann ich nur vermuten, dass so Notationen wie ul#menubar li ul das Element identifizieren, dass unterhalb der unordered list "menubar" in einem list item wieder eine unordered list definieren, und dass das :hover bedeutet, dass an dem list item ein mouse hover festgestellt wurde.
Gut, soweit klappt es auch, Maus über den kategorienamen, das Menu klappt auf und man kann auf den entsprechenden Link klicken, aber beim Laden der neuen Seite wird das menu wieder im Urzustand (d.h. alle Kategorien eingeklappt) dargestellt. Es wäre schön, wenn aber die Kategorie, zu der die gewählte Webseite gehört, ausgeklappt würde. Ist das ziemlich einfach möglich, oder muss man hier dann einen sehr großen Umweg machen?
Vielleicht reicht es ja auch aus, mir einfach die Stichworte zu nennen, nach denen ich googeln kann, denn mir fällt nicht ein, mit welchen Stichworten ich eine Suche nach "HTML dynamisch Menu" noch weiter eingrenzen kann, ohne mich durch weitere 1000 Seiten klicken zu müssen, die alle nur das aufpoppen beschreiben und die verschiedenen Style-Auswahlen
Danke erstmal
Martin Dietz
ich habe da ein Projekt übernommen, beidem per php aus einem Template ein Menu als Teil der Webseite erzeugt wird (PHP deshalb, weil je nach Sprachauswahl Texte ersetzt werden). Da diese Menüliste sehr lang wird, soll sie nach Kategorien sortiert sein, bis auf die Hauptkategorien alles verborgen sein und die entsprechende Kategorie nur aufgeklappt werden, wenn des benötigt wird.
Durch ein bisschen googeln habe ich was gefunden, das die Unterliste per css aufpoppen oder verbergen kann:
Code:
<style type="text/css"> div#sideMenu { padding:0.8em; width: 40em; } div#sidemenu div{ clear: left; } ul#menubar{ margin:0; padding:0; text-align: left; } ul#menubar li{ list-style: none; } ul#menubar li ul{ display:none; } ul#menubar li:hover > ul { display:block; position:relative; top:0; left:10; } </style> <div id="sideMenu"> <ul id="menubar"> <li id="normal_operation">{MENU_HEADER_NORMAL_OPERATION} <ul> <li><div> <div class="{CLASS_PAGE_SAMPLE}"><a href="sample.php">{MENU_SAMPLE}</a></div></div></li> <li><div> <div class="{CLASS_PAGE_BOOKS}"><a href="books.php">{MENU_BOOKS}</a></div></div></li> </ul> </li> ...
Gut, soweit klappt es auch, Maus über den kategorienamen, das Menu klappt auf und man kann auf den entsprechenden Link klicken, aber beim Laden der neuen Seite wird das menu wieder im Urzustand (d.h. alle Kategorien eingeklappt) dargestellt. Es wäre schön, wenn aber die Kategorie, zu der die gewählte Webseite gehört, ausgeklappt würde. Ist das ziemlich einfach möglich, oder muss man hier dann einen sehr großen Umweg machen?
Vielleicht reicht es ja auch aus, mir einfach die Stichworte zu nennen, nach denen ich googeln kann, denn mir fällt nicht ein, mit welchen Stichworten ich eine Suche nach "HTML dynamisch Menu" noch weiter eingrenzen kann, ohne mich durch weitere 1000 Seiten klicken zu müssen, die alle nur das aufpoppen beschreiben und die verschiedenen Style-Auswahlen
Danke erstmal
Martin Dietz
Comment