Einfache Navi (JavaScript) programmieren

N'abend.

Ich würde gern eine einfache Navi programmieren, weiß aber nicht so recht
wie ich das anstelle.
Das ganze sollte in JavaScript realisiert werden und es soll sich um eine Left-
Navi handeln.
Also folgendes: Oben befindet sich eine Tabelle mit Links (Home, Bilder, Links,...);
klickt man nun auf einen solchen Link wird unter dieser obigen Tabelle,
eine neue Tabelle sichtbar mit weiteren Links. Diese neue Tabelle
soll so viele Zeilen enthalten wie Einträge zu diesem obigen Link vorhanden
sind.

Also klickt man auf z.B. auf Bilder so erscheint unten eine Tabelle mit
den Einträgen (z.B. Bilder 2005, 2004). Die neue Tabelle sollte also 2 Zeilen
haben.

Die Variablen sollten möglichst in einer externen .js Datei abgelegt sein
um sie möglichst einfach zu bearbeiten.

Hat da jemand vielleicht mal ein kleines Beispiel oder ähnliches parat,
andem ich mich orientieren kann?

Gruß

schlag dir bitte die idee aus dem kopf, eine navigation zu verwenden, die nicht ohne javascript, java, flash oder (sonstige plugins) funktioniert, da es leute gibt, die dann deine navigation, aus welchen gründen auch immer, nicht nutzen können.

ich mache jetzt (seitdem mit pf flash abgewohnt hat) immer was mit css

Hier ein Demo-Link:
http://www.meyerweb.com/eric/css/edge/menus/demo.html

Popup-Menüs nur mit CSS gemacht.

Erstmal vielen Dank für eure Antworten.

@Fox99: Ich würde auch nie eine Navi mit Flash realisieren, es sei denn es geht nicht
anders. Aber JavaScript wird ja mittlerweile auf fast jeder Seite benötigt bzw. eingesetzt,
deshalb hatte ich mich für JavaScript entschieden.

@daywalker87m & StGaensler: CSS ist zwar eine feine Sache, aber um jetzt nochmal
auf den Beitrag von Fox99 einzugehen, können auch hier Schwierigkeiten mit der
Browserkompatiblität enstehen. Z.B. ist der Internet Explorer auch in der Version 6
noch nicht in der Lage, den Zustand "focus" korrekt zu interpretieren. Netscape ist
erst ab Version 6 fähig, den Zustand "hover" richtig zu interpretieren.
Dein Demo-Link habe ich erstmal 2 Minuten schief angeguckt, da bei mir im Internet
Explorer kein Menü zu sehen war. Mit Firefox ging es aber dann ;o)

Also, ich werde es mal mit CSS probieren. Und dabei genaustens auf die Kompatiblität
achten ;o)
Aber welche andere Möglichkeiten würden denn sonst noch übrig bleiben?
Frames oder PHP, Frames mag ich nicht so, aber würde das ganze auch mittels
PHP realisiert werden können?

es ist eigendlich egal, mit welcher technologie du die navigation erstellst, nur solltest du dich darauf einstellen, das nur html angezeigt werden kann.

PHP dient "nur" zur Erzeugung von html, du kannst also damit clientseitig keine dynamischen Menüs erzeugen.

Weiteres Problem von JavaScript: Kann bei textbasierten Browsern nicht korrekt angezeigt werden - bei einem ordentlich programmierten CSS-Menü ist das ohne Probleme umsetzbar.

CSS ist zwar eine feine Sache, aber um jetzt nochmal
auf den Beitrag von Fox99 einzugehen, können auch hier Schwierigkeiten mit der
Browserkompatiblität enstehen.

Zum Vergrößern anklicken....

Wenn es darum geht, aktuelle Web-Standards korrekt darzustellen, kannst du IE in die Tonne kloppen. Mozilla (Firefox) und Opera können das zwar auch nicht perfekt, sind aber mit dem IE nicht mehr vergleichbar, da sie einfach um Längen besser sind.

StGaensler schrieb:

PHP dient "nur" zur Erzeugung von html, du kannst also damit clientseitig keine dynamischen Menüs erzeugen.

Zum Vergrößern anklicken....

Das ist nur teilweise korrekt.
Gerade mit PHP sind auch dynamische Inhalte, also auch Menüs, möglich.
Der Unterschied ist eben, daß diese Dynamik nicht clientseitig abläuft und die Navi bei jeder Aktion neu geladen werden muss.
Mit if-Abfragen und einem per GET übergebenen Parameter (oder sogar mit Hilfe der Ziel-URI) kann man sowas ganz gut machen - und zwar so, daß es 100%ig mit jedem Browser funktioniert.

Ich weiß. Serverseitig kann man das natürlich machen, allerdings will ich keinem Modem-Nutzer das antun, dass, nur wenn er ein Menü aufklappen will, die ganze Seite neu geladen werden soll

ist das das einzige Argument?
Modem-User sterben aus und es ist nicht unbedingt nötig, die ganze Seite neu zu laden. Besonders dann nicht, wenn die Untermenüs erst beim Aufruf der neuen Seite eingeblendet werden.
Außerdem verfügen die meisten Browser ja auch noch über einen Cache.

Aaaalso,

ich hatte mal nach so einem CSS-Menü gesucht, aber nur welche in Verbindung
mit JavaScript gefunden.
Daher hab ich es jetzt doch mit PHP realisiert. Läuft wunderbar.

Also vielen Dank für eure Antworten.

gibst Du mir mal den Link (wenn Du willst auch nur per PN) - würde mich mal interessieren, wie es so funktioniert.

mich würde das menu in php auch interessieren

Desperado_11 schrieb:

ich hatte mal nach so einem CSS-Menü gesucht, aber nur welche in Verbindung mit JavaScript gefunden.

Zum Vergrößern anklicken....

Rate mal, warum ich oben einen Link gepostet habe

Der Link zu deinem Menü würde mich aber auch interessieren.

@StGaensler: Da war ein Link
Nein, das war nicht ganz was ich gesucht hatte,
deshalb hab ich nochmal das Netz durchforstet.

Link gibt es morgen, bin heut den ganzen Tag unterwegs.
Muß es erst noch auf den Server laden...

Gruß

PHP Navigation bei diesem menu klagt der server ueber eine undefinierte index Ansonsten funzt des ganz gut.
echo"<a href=\"?sort=link1\">link1</a> | <a href=\"?sort=link2\">link2</a> | <a href=\"?sort=link3\">link3</a>";

$choice=$_GET['sort'];
switch($choice)
{
case "link1":
echo "<br /><a href=\"http://localhost\">LINK</a>";
break;

case "link2":
echo "<br /><a href=\"http://google.com\">Google</a>";
break;// End search engine submenu

case "link3":
echo "<br /><a href=\"http://.com\">Logged in</a>";
break;// End search engine submenu
}
?>

Ist im orginal nicht von mir. :weiss: