TheTommynator

Hallo,

Ich versuche nun schon ein Weilchen ein Menü zu programmieren, dass aus bis zu 3 Ebenen bestehen kann und dessen Daten aus einer Datenbank kommen.

Allerdings komme ich nicht besonders weit.

Erstmal, wie ich mir das Vorstelle:
MAIN-LINK MAIN-LINK MAIN-LINK MAIN-LINK
Sub-Link Sub-Link Sub-Link
sub-sub-link sub-sub-link

Also werden 3 Ebenen ausgeben, wobei die Sub-Links mit den Main-Links zusammenhängen. Also werden zum ersten Main-Link auch nur die mit diesem zusammenhängenden Sub-Links angezeigt. Genauso hängen die Sub-Sub-Links mit den Sub-Links zusammen.

Könnt ihr mir vielleicht helfen, wie eine Datenbankstruktur für ein solches Menü aussehen könnte / sollte und wie ich die Daten dann letztendlich ausgebe?

Dankeschön

Mister Ad

Basti

Hi.

Ich würd mich bei der Datenstruktur nicht auf drei Ebenen festlegen, sondern einfach einen Baum anlegen, der beliebig verzweigt werden kann.

Dazu benutzt du entweder ein einfaches Parent-Feld pro Eintrag, der ebn den nächst-höheren Eintrag definiert und einen Eintrag, der die Reihenfolge der jeweiligen Geschwisterknoten untereinander definiert. Die Alternative ist das Nested-Sets-Modell. Hierzu findest du z.B. unter develnet.org ein Tutorial.

Dazu braucht es dann eine Klasse, die den Baum abbilden kann und dir Methoden, wie getChildNodes(), getParent() und was weiß ich bietet und ggf. den Baum auch erweitern/manipulieren kann. Da gibts bestimmt auch schon fertige Lösungen, z.B. in PEAR.

Für die Ausgabe kommts auf die gewünschte Darstellung drauf an. Normalerweise wird eine solche Struktur ja so abgebildet:
Aber so bekommst du dein gewünschtes Ergebnis sicher nicht hin (wenn ichs richtig interpretiere, dass die drei Ebenen einfach unterneinander in drei rechtsbündigen Zeilen stehen sollen). In dem Fall würde ich einfach drei <ul>s hintereinandersetzen, auch wenns natürlich nicht ganz sauber ist.

Basti

TheTommynator

Ganz ehrlich?

So richtig viel hab ich davon jetzt nicht verstanden

Könntest du mir vielleicht ein wenig genauer erklären, wie du das meinst?

Denn leider komme ich mit meinen Ansätzen nicht weiter, da mir leider immer irgendwie die Bezüge zwischen den einzelnen Menü-Punkten fehlen.

D.h. es werden nie die Menüpunkte mit den entsprechenden Unter-Punkten ausgegeben.

Außerdem wollte ich, dass der aktuelle Menü-Punkt Fett dargestellt wird.
Zudem sollte das Menü immer vollständig ausgeklappt sein. D.h. Wenn ich einen Haupt-Menü-Punkt auswähle werden sofort auch der erste Sub-Menü-Punkt und der erste Sub-Sub-Menü Punkt geöffnet.
Allerdings hab ich keine Ahnung, ob das so umsetzbar ist.

Leider kenne ich mich mit solchen Ebenen und Parent und Child-Elementen nicht besonders gut aus.

Wäre also toll, wenn mir jemand das für einen Anfänger in diesem Bereich der Programmierung leicht verständlich erklären könnte.

Ich hoffe, dass ist nicht zuviel verlangt.

Danke für Eure Hilfe
*verzweifeltbin*

Basti

Was verstehst du denn nicht?

Ich benutze ein Sitemap-Objekt mir dem Baum und sowas, wie eine Decorator-Methode, die mir je nach aktuell angezeigter Seite alle Seiten mit einem der drei Stati "passive", "active" oder "current" belegt, wobei current eben die aktuelle Seite ist und active alle darüberlegenden Seiten (also quasi der Pfad bis zum Wurzelknoten). Nur der Wurzelknoten (Startseite) ist passive, falls die Seite nicht direkt angezeigt wird.

Ich hab grad keinen Plan, was ich dir erzählen soll, weiß einfach nicht, wo du hängst, ob du dich mal in PEAR umgesehen hast, das develnet-Tutorial gelesen hast, ein Baum-Obekt zustande gebracht hast, Klarheit hast, wie der auszugebende Quellcode aussehen soll und was dazwischen eben noch fehlt...

Vergiss die Ebenen. Es gibt im Wesentlichen eben zwei Möglichkeiten:

Die Parent/Order-Geschichte:

Nested Sets:

Bei dem Beispiel hier (Nested Sets) verfolge einfach man die Zahlen in left und right von 1 bis 12, dann wird klar, wie der Baum aufgebaut ist (bzw. besagtes Tutorial anschauen).

Und je nach Modell ergeben sich eben jetzt unterschiedliche Methoden, die benötigten Daten auszulesen.

Basti