[html/CSS] Navigation mit Seite synchronisieren

[Luckie]

Kann man den Link in der Navigation der gerade angezeigten Seite per CSS irgendwie hervorheben, damit der Besucher sieht, wo er ist? Also wenn man bei meiner HP auf "News" klickt in der Navigation oben, dass dann der Link News zum Beispiel schwarz und ohne Unterstreichung dargestellt wird? Irgendwelche Scriptlösungen kommen eher nicht in frage, würden aber zur Not auch gehen.

[sakura]

Ersteres: Nein, nicht ohne serverseitige Markierung (also andere CSS-Klasse).
Zweiteres: imo auch nur sehr kompiliziert.

...:cat:...

[Luckie]

Ist so eine Navigation echt so kompliziert? Sieht man doch auf fast jeder zweiten Seite. :gruebel:

[phlux]

vllt kannst du dich hier inspirieren lassen ;)

[MathiasSimmack]

Vllt. habe ich´s falsch verstanden, aber ich habe das bei mir über SSI gemacht. Die Seite, die gerade angezeigt wird, wird per kurzer Prüfung nicht mehr als Link dargestellt. Und da es Server-seitig ist, gibt´s IMHO auch keine Probleme in den Browsern, usw.

[sakura]

Zitat:

Zitat von Luckie

Ist so eine Navigation echt so kompliziert? Sieht man doch auf fast jeder zweiten Seite. :gruebel:

Du wirst auch sehen, dass (fast) all diese Seiten der aktuellen Seite eine andere CSS-Klasse zugewiesen haben ;-) Also entweder alle Seiten von Hand machen, oder auf dem Server testen, wo Du bist und die Klassen entsprechend setzen.

...:cat:...

[Luckie]

Zitat:

Zitat von MathiasSimmack

Die Seite, die gerade angezeigt wird, wird per kurzer Prüfung nicht mehr als Link dargestellt. Und da es Server-seitig ist, gibt´s IMHO auch keine Probleme in den Browsern, usw.

Und wie machst du das?

[MathiasSimmack]

Sag ich doch: mit SSI :mrgreen:.

Ernsthaft: Das Prinzip kennst du, weil du es früher selbst mal benutzt hast. Oder du benutzt es immer noch, keine Ahnung. Kann man ja nicht nachvollziehen, wenn man sich den Seitenquelltext ansieht. Wie gehabt binde ich meine Navigation ein, bspw.:

Code:

<td>
  
</td>

Und in dieser SHTML-Datei prüfe ich dann, ob das aktuelle Dokument einen bestimmten Namen hat. Wenn nicht, wird es ein Link. Wenn ja, dann nicht.

Code:

  <a href="tutorials.shtml">

  Win32-API-Tutorials f&uuml;r Delphi

  </a>

Wenn also der Name des aktuellen Dokuments nicht (!=) "tutorials.shtml" ist, dann wird das ganze als Link dargestellt, andernfalls siehst du nur den Text.

Das ist zwar jetzt nicht ganz das, was du wolltest (mit anderen Farben, usw.), aber das Prinzip lässt sich natürlich problemlos dafür übernehmen. Vorausgesetzt, deine obere Navigation ist auch immer noch eine externe SHTML-Seite, dann kannst du ja ebenfalls prüfen ob ein bestimmter Dokumentenname vorliegt. Wenn Ja, gibst du eine andere CSS-Klasse an als wenn Nein. Und damit müsstest du diese farbliche Kennzeichnung von aktiven Seiten eigentlich hinbekommen. Ich weiß gerade nicht ob´s ein else bei SSI gibt (schon lange nix mehr damit gemacht :oops:), aber das lässt sich ja im Zweifel per Google schnell klären. :)

[Jelly]

@Mathias: kann man das was du beschreibst denn nicht auch gleich in PHP lösen, ganz analog?

[Alexander]

Zitat:

Zitat von Jelly

@Mathias: kann man das was du beschreibst denn nicht auch gleich in PHP lösen, ganz analog?

Klar geht das :-)
Du musst nur halt ähnlich abfragen und dann dem aktiven Link eine andere CSS-Klasse zu weisen.
Im Prinzip kannst du jedem Link eine eindeutige Nummer zu weisen und dann kannst du ganz einfach die ID an die URL hängen. Die kann man dann unter PHP einfach auslesen.

Denkbar wäre evtl. auch eine Möglichkeit mit JS+CSS. Du müsstest versuchen die URL auszulesen und entsprechend alle wegzuschnibbeln, so dass die ID stehen bleibt. Dann kannst du, wenn du z.B. dem Link auch den Namen der ID gegeben hast, z.B. die Farben umändern.
Ich habe es noch nicht probiert, aber ich weiß zumindest das man auch mit JS die URL auslesen kann und damit an die ID kommen kann.

Ich vermute, dass Luckie das für seine Referenz braucht und dafür ist natürlich PHP nicht so geeignet ;)