Zum Inhalt springen

Markierung letzter Link


Popeye1979

Empfohlene Beiträge

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.

Link zu diesem Kommentar
Auf anderen Seiten teilen

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

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...