[HaBo]

:::Lük::: · 23.07.09, 22:35

Hallo HaBo,

Ich brauche für eine Webseite ein Menü welches dynamisch sein soll, das heißt die Menüeinträge sollen aus einer Datenbank kommen.
Submenüs sollten auch drinnen sein (mehrere Ebenen). Ich hab sowas schon so oft gesehn (weis aber leider nich obs dynamisch war) das müsste es doch geben. Hat jemand ein fertiges Script dazu? JS oder PHP ist egal.
Danke Lük :)

Lesco · 23.07.09, 22:42

OT: Ich persönlich hasse derartige Webseiten, da a) sie JS brauchen und b) man die Maus benutzen muss. Daher solltest du darauf achten, dass du bei fehlendem JS auch eine normale Menüstruktur anbietest,

Anzeige

- Anzeige -

:::Lük::: · 23.07.09, 23:11

Ich sage ja es würde auch PHP gehen...
Und b) vernachlässige ich mal

welche Lösung wär denn deiner Meinung nach weniger mausintensiv?

enkore · 23.07.09, 23:14

Bitte erst die Frage lesen UND verstehen bevor man irgendwelchen unsinnigen Trash verfasst.

Lük ich gebe dir mal ein paar Anregungen:
-Du hast ne SQL Tabelle die meinetwegen Menu heisst. Spalten wären bspw.:

ID => Eindeutige ID
UpperID => ID des übergeordneten Menüpunkts. Gleich null bedeutet, dass dieser Punkt zur ersten Ebene gehört
Name => Name der als Linktext erscheint
Description => Beschreibung

Im PHP Skript gibst du erstmal alle Punkte nacheinander aus, bei denen UpperID null ist.
Wenn jetzt ein Menüpunkt angeklickt wird, wird die ID per GET übermittelt.
Jetzt schaust du nach, ob es irgendwelche Einträge gibt, die diese ID als UpperID haben. Die gibst du aus. Das muss man in einer Schleife machen, bis man quasi unseren "logischen" Baum vom Blatt bis zur Wurzel abgearbeitet haben.

Lesco · 23.07.09, 23:43

Menüeintrage aus der Datenbank holen und anzeigen geht selbstverständlich ohne JS, vielleicht hätte ich erwähnen sollen, dass ich mich nur auf die "Submenus" bezog.

Diese ausklappenden Submenus gehen soweit ich weiß nicht oder JS oder schlimmeres, da man auf Mausbewegungen des Nutzers reagieren muss, daher mein Kommentar. Wie gesagt, ich habe nichts gegen Seiten die man auch noch normal verwenden kann, aber sobald das ausartet und man die Seiten nicht ohne navigieren kann wird mir übel.

:::Lük::: · 23.07.09, 23:43

Jip soweit hatte ich das auch schon gemacht.
Nur es soll halt auch Untermenüs von Untermenüs sozusagen geben. Deine Version wäre nur für ein unterebiges Menü ausgelegt.

Lesco · 23.07.09, 23:46

Du könntest zu jedem Eintrag den Namen einer Untermenütabelle oder NULL in ein Feld schreiben und diese beim Verarbeiten des Eintrags (rekursiv) darstellen lassen. Anstatt der neuen Tabelle kannst du die anderen Einträge auch durch ein extra Feld in der selben Tabelle identifizieren lassen.

GregorSamsa · 24.07.09, 17:48

Man benötigt kein JS dafür, das funktioniert auch super mit dem CSS Event ":hover"

Im Prinzip musst du mit z.B. PHP eine Liste ausgeben (HTML-Elemente: ul + li) und mit CSS die Formatierungen.

Als Beispiel guck dir mal folgendes an:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">
	<head>
		<title>CSS Hover Men&uuml;</title>
		
		<style type="text/css">
			.menu li {
				border: solid 1px #000;
				width: 200px;
				float: left;
				list-style: none;
				padding: 3px;
			}
			
			.menu li:hover {
				border: solid 1px #f00;
			}
			
			.menu .caption {
				display: block;
			}
			
			.child {
				display: none;
			}
			
			.child li {
				width: 150px;
			}
			
			.menu li:hover .child {
				display: block;
			}
		</style>
	</head>
	
	<body>
		<ul class="menu">
			<li>
				Menu1
				<ul class="child">
					<li>Element 1</li>
					<li>Element 2</li>
					<li>Element n</li>
				</ul>
			</li>
			
			<li>
				Menu2
				<ul class="child">
					<li>Element 21</li>
					<li>Element 22</li>
					<li>Element 2n</li>
				</ul>
			</li>
		</ul>
	</body>

enkore · 24.07.09, 19:52

@Lesco:
Lies doch mal meinen Post... und denk darüber nach. Du wirst feststellen, dass ich genau jenes bereits beschrieben habe.

Lesco · 24.07.09, 20:21

@csde_rats:
Lies doch mal Lüks Antwort... und denk darüber nach. Du wirst feststellen, dass ihm nicht so ganz klar war, dass man mit dieser Methode beliebig tiefe Menübäume erstellen kann. Daher habe ich das ganze nochmal zu beschreiben versucht.

Mani · 24.07.09, 23:59

Zitat:

Original von Lesco
Menüeintrage aus der Datenbank holen und anzeigen geht selbstverständlich ohne PHP

ist mir neu

Lesco · 25.07.09, 01:42

Zitat:

Original von Mani

Zitat:

Original von Lesco
Menüeintrage aus der Datenbank holen und anzeigen geht selbstverständlich ohne PHP

ist mir neu

Oh, meinte natürlich JS, danke für die Korrektur. Hab's im obigen Beitrag editiert. (Ich hätte mich natürlich auch rausreden können und sagen, dass man auch Ruby oder andere serverseitige Sprachen+Frameworks verwenden könnte).

Anzeige

- Anzeige -

23.07.09, 22:35	#1 (permalink)
:::Lük::: Registriert seit: 17.10.06 Likes: 0	Dynamisches Menü? Anzeige Hallo HaBo, Ich brauche für eine Webseite ein Menü welches dynamisch sein soll, das heißt die Menüeinträge sollen aus einer Datenbank kommen. Submenüs sollten auch drinnen sein (mehrere Ebenen). Ich hab sowas schon so oft gesehn (weis aber leider nich obs dynamisch war) das müsste es doch geben. Hat jemand ein fertiges Script dazu? JS oder PHP ist egal. Danke Lük :)

23.07.09, 23:14	#4 (permalink)
enkore Senior Member Registriert seit: 13.07.08 Likes: 85	Bitte erst die Frage lesen UND verstehen bevor man irgendwelchen unsinnigen Trash verfasst. Lük ich gebe dir mal ein paar Anregungen: -Du hast ne SQL Tabelle die meinetwegen Menu heisst. Spalten wären bspw.: ID => Eindeutige ID UpperID => ID des übergeordneten Menüpunkts. Gleich null bedeutet, dass dieser Punkt zur ersten Ebene gehört Name => Name der als Linktext erscheint Description => Beschreibung Im PHP Skript gibst du erstmal alle Punkte nacheinander aus, bei denen UpperID null ist. Wenn jetzt ein Menüpunkt angeklickt wird, wird die ID per GET übermittelt. Jetzt schaust du nach, ob es irgendwelche Einträge gibt, die diese ID als UpperID haben. Die gibst du aus. Das muss man in einer Schleife machen, bis man quasi unseren "logischen" Baum vom Blatt bis zur Wurzel abgearbeitet haben. __________________ "It is the human race! The deterioration of the spirit of man. Man undermining himself, causing a self-willed, self-imposed, self-evident self-destruction." +++ BREAKING +++ Troll ertrinkt im Planschbecken +++

24.07.09, 19:52	#9 (permalink)
enkore Senior Member Registriert seit: 13.07.08 Likes: 85	@Lesco: Lies doch mal meinen Post... und denk darüber nach. Du wirst feststellen, dass ich genau jenes bereits beschrieben habe. __________________ "It is the human race! The deterioration of the spirit of man. Man undermining himself, causing a self-willed, self-imposed, self-evident self-destruction." +++ BREAKING +++ Troll ertrinkt im Planschbecken +++

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
C mehrdimensionales dynamisches Array	marcotesoalli	Code Kitchen	0	12.11.08 21:27
Dynamisches generieren von Bildern + Wasserzeichen	reaLInsanity	(Web-) Design und webbasierte Sprachen	5	27.05.08 23:57
Dynamisches Achsenbild eines generierten Koordinatensystems??	ap1	(Web-) Design und webbasierte Sprachen	2	21.05.08 13:14
Dynamisches Feld (C++)	Kenniej91	Code Kitchen	2	01.10.07 21:07
Drop down menü	Gerda	(Web-) Design und webbasierte Sprachen	3	13.04.03 14:57

23.07.09, 22:42	#2 (permalink)
Lesco Senior Member Registriert seit: 03.09.05 Likes: 0	OT: Ich persönlich hasse derartige Webseiten, da a) sie JS brauchen und b) man die Maus benutzen muss. Daher solltest du darauf achten, dass du bei fehlendem JS auch eine normale Menüstruktur anbietest,

23.07.09, 23:11	#3 (permalink)
:::Lük::: Themenstarter Registriert seit: 17.10.06 Likes: 0	Ich sage ja es würde auch PHP gehen... Und b) vernachlässige ich mal welche Lösung wär denn deiner Meinung nach weniger mausintensiv?

23.07.09, 23:43	#5 (permalink)
Lesco Senior Member Registriert seit: 03.09.05 Likes: 0	Menüeintrage aus der Datenbank holen und anzeigen geht selbstverständlich ohne JS, vielleicht hätte ich erwähnen sollen, dass ich mich nur auf die "Submenus" bezog. Diese ausklappenden Submenus gehen soweit ich weiß nicht oder JS oder schlimmeres, da man auf Mausbewegungen des Nutzers reagieren muss, daher mein Kommentar. Wie gesagt, ich habe nichts gegen Seiten die man auch noch normal verwenden kann, aber sobald das ausartet und man die Seiten nicht ohne navigieren kann wird mir übel.

23.07.09, 23:43	#6 (permalink)
:::Lük::: Themenstarter Registriert seit: 17.10.06 Likes: 0	Jip soweit hatte ich das auch schon gemacht. Nur es soll halt auch Untermenüs von Untermenüs sozusagen geben. Deine Version wäre nur für ein unterebiges Menü ausgelegt.

23.07.09, 23:46	#7 (permalink)
Lesco Senior Member Registriert seit: 03.09.05 Likes: 0	Du könntest zu jedem Eintrag den Namen einer Untermenütabelle oder NULL in ein Feld schreiben und diese beim Verarbeiten des Eintrags (rekursiv) darstellen lassen. Anstatt der neuen Tabelle kannst du die anderen Einträge auch durch ein extra Feld in der selben Tabelle identifizieren lassen.

24.07.09, 20:21	#10 (permalink)
Lesco Senior Member Registriert seit: 03.09.05 Likes: 0	@csde_rats: Lies doch mal Lüks Antwort... und denk darüber nach. Du wirst feststellen, dass ihm nicht so ganz klar war, dass man mit dieser Methode beliebig tiefe Menübäume erstellen kann. Daher habe ich das ganze nochmal zu beschreiben versucht.

[HaBo]

Dynamisches Menü?