Markierung letzter Link

[Popeye1979]

Servus!

Kurze Frage:

Ich habe eine Linkliste und ändere durch CSS ein background-image aus!

Bei hover wirds angezeigt, wird geklickt gehts auch, nur dann bleibts net da!

Jetzt möchte ich das stehen bleibt wenn ich einen Link geklickt habe! Aber nur bei dem letzten der besucht wurde!

[kills]

damit das bild da bleibt musst du ein wenig mit JavaScript arbeiten.

Möglichkeiten:

a) CSS Klasse per austauschen

CSS-eigenschaft setzten

Gruß,

Markus

[Popeye1979]

damit das bild da bleibt musst du ein wenig mit JavaScript arbeiten.

Möglichkeiten:

a) CSS Klasse per austauschen

CSS-eigenschaft setzten

Gruß,

Markus

Javascript aufgrund von Barrierefreiheit-->BÖSE!!

Anders gehts nicht?

[geloescht_JesterDay]

Javascript aufgrund von Barrierefreiheit-->BÖSE!!

Seit wann das?

Ein Screen-Reader interpretiert u.U. kein Javascript. Aber wer einen Screen-Reader benutzt, interessiert sich eh nicht für dein Hintergrundbild.

Ansonsten gibt es keine Möglichkeit. Du willst ja bei einem Linkklick reagieren und dabei was an deiner Seite ändern und zwar dauerhaft. Seit HTML4 kannst du auf die Javascript Ereignisse OnMouseOver (oder hover) etc. reagieren, nur eben nichts an deiner Seite verändern (Das anzeigen bei hover ist ja keine Veränderung ansich, weil ja nur das OnMouseOver (hover) Ereigniss ausgewertet wird. Nach dem klick und dem Verlassen des Links ist dieses Ereigniss nicht mehr aktuell). Das geht nur über Javascript.

EDIT: Zum "BÖSE". Die Seite sollte nicht von Javascript abhängig sein. Also auch jemand der kein Javascript aktiviert hat sollte die Seite ansehen und benutzen können. Das ist aber auch alles, was an Javascript "böse" ist (oder sein kann) IMHO.

[tobias-digital]

Sehe ich genauso wie JesterDay. Eine andere Methode wäre mit PHP zu arbeite:

Angenommen der User klickt auf einen Menüpunkt und die aufgerufene Seite enthält eine Variable, deren Inhalt einen String mit dem Namen des Punktes enthält. Dann kannst Du dem Menüpunkt eine zusätzliche ID verpassen. Ich versuch das mal zu verdeutlichen:

Seite_1.htm:

<?php $aktuelleSeite = 'Seite 1'; ?>

<a href="#" <?php if ($aktuelleSeite == 'Seite 1') { echo 'id="aktiv"'; } ?>>Seite 1</a>

<a href="#" <?php if ($aktuelleSeite == 'Seite 2') { echo 'id="aktiv"'; } ?>>Seite 2</a>

Ergebnis:

<a href="#" id="aktiv">Seite 1</a>

<a href="#">Seite 2</a>

klickt der User jetzt auf den Link "Seite 2" wird Seite_2.htm aufgerufen:

<?php $aktuelleSeite = 'Seite 2'; ?>

<a href="#" <?php if ($aktuelleSeite == 'Seite 1') { echo 'id="aktiv"'; } ?>>Seite 1</a>

<a href="#" <?php if ($aktuelleSeite == 'Seite 2') { echo 'id="aktiv"'; } ?>>Seite 2</a>

Ergebnis:

<a href="#">Seite 1</a>

<a href="#" id="aktiv">Seite 2</a>

In Deinem Stylesheet muss Du natürlich noch eintragen, dass für die ID "aktiv" das gleiche wie für Hover gelten soll:

a:hover, a#aktiv {

  ...

}

Das Ganze kann natürlich mit einer zentralen PHP-Navigationfunktion inklusive Navigationspunkte-Array schön zentral abgelegt werden und per include jeweils in die einzelnen Seiten eingebunden werden.

Gruß, Tobias