zisslaweng.de

 Home    CSS    PHP    HTML    JavaScript    Allgemein    Sitemap   exemption-filter

Menü a lá  Logo

Die Programmierung ist zwar in PHP, CSS sorgt aber für das Aussehen

WebSite fertig?? Gibt es nicht, es kommen Neuerungen, Ergänzungen hinzu. Die neue Unterseite einfügen.... auf zahlreichen Seiten ist das Menü anzupassen. Das muss nicht sein. Am Beispiel von zisslaweng möchte ich meine Methode für ein dynamisches Menü zeigen; wie könnte es anders sein, mit Hilfe der Datenbank.

Eine 9-stellige Ordnungszahl musste her, ich habe sie menue_level genannt.

  • Die 1. Stelle ist die Ordnung des Hauptmenüs, bei zisslaweng die Zeile oben waagerecht. Damit haben Sie dann die Möglichkeit von 10 Menüpunkten.
  • Die 2. und 3. Stelle ist die Ordnung des Untermenüs (die Spalte links), die dann 100 Möglichkeiten bietet. Es gibt nur eine Bedingung: Die Datei, die vom Hauptmenü oben aufgerufen werden soll, hat die 2. und 3. Stelle als 00, damit liegt sie in der Sortierung auf Platz 1.
  • Die weiteren 6 Stellen ebenfalls Zweier-Gruppen und bilden die Sortierung der Unter- bzw. Unter-unter-menüs.

menue_level bietet „so ganz nebenbei” die Möglichkeit, auf die gedachte Schachtelungstiefe und damit auf die Tiefe der Einrückung bei der Darstellung zu schließen.

Und schon mal als Vorgeschmack: mit Hilfe der Tabelle, die „wir” gleich erstellen, sind Sie in der Lage, ohne weiteres Zutun, eine immer aktuelle Sitemap herzustellen. Die Auswertung von Logfiles und, und.. wird damit einfach möglich. Das sind aber schon die nächsten Themen.

Wohlgemerkt: menue_level ist für "Mensch" eine Zahl und erleichtert das Einstellen der Sortierfolge, programmtechnisch ist es ein String.

Tabellen Design / Ausschnitt 1
dateimenue_levelmenue_textmain
css_01.php5200000000Ein Menü bastelnCSS...
css_10.php5210000000Menü a lá zisslaweng...
css_11.php5210100000die Voraussetzungen...
.......
css_05.php5220000000Browser-sicheres CSS...
css_04.php5220100000Box Modell...

Ein Script, das auf Ihrer Webseite läuft, hat als einzige hier nützliche Information den eigenen Dateinamen. Aber damit kann es sich schon mal Daten besorgen die ausreichen, ein Menü der kompletten Webseite zusammenzustellen.

Hier kommen die Selektoren ins Spiel. Dabei mache ich mir zunutze, dass der '_' (Unterstrich) die Lesbarkeit von Zeichenketten kaum beeinträchtigt und er nebenbei in SQL bei einem Stringvergleich genau für ein beliebiges Zeichen steht.

Tabellen Design / Ausschnitt 2
dateiselektor1selektor2selektor3selektor4
...css_01.php5200__00002__000000
...css_10.php5210__00002__0000002__000000
...css_11.php521010__00210__00002__000000
......
css_05.php5220__00002__000000
...css_04.php522010__00220__00002__000000

Die Selektoren kann man ganz schematisch schreiben (an die Zweier-Gruppen denken). Wenn Sie dem hier gezeigten Schema folgen sind die jeweiligen Untermenüs nur sichtbar wenn der zugehörige übergeordnete Menüpunkt gewählt wurde und umgekehrt: eine untergeordnete Seite zeigt alle übergeordneten Menüpunkte und ggfs. untergeordnete Seiten an. Gezielt eingesetzt lassen sich aber auch verschiedene Sonderfälle einstellen.

 falls Sie zisslaweng schon kennen, sollten Sie es bemerkt haben: dieses Tutorial wurde mühelos eingeschoben zwischen "ein Menü basteln" und "Browser-sicheres CSS"

Logo