Link-Adresse mit CSS ändern

[Camping_RIDER]

Aloha ;)

ich möchte gern aus folgendem Link:

... <a href="seite.html">Seite</a>... mittels CSS ändern in

... <a href="seite.html#anker">Seite</a>... Geht soetwas überhaupt?

:before{content:#anker;} fügt den Text ja "Nur nach dem schließenden ">" ein. Oder?

Vielleicht denkst du, dass du das möchtest, aber ich bin mal so frei zu behaupten, dass du das nicht möchtest.

Eigentlich möchtest du das hier:

In der Desktopansicht möchte ich "nur" zur Seite springen. In der Handyansicht (über @media screen and (max-width: 610px) ) möchte ich zur Seite aber an die Stelle vom Anker springen.

Dafür ist keine Manipulation des Links notwendig (und auch nicht sinnvoll). Stell dir vor, ich komm mit meinem Tablet an und drehe es von Hochkant auf Quer, nachdem ich auf den Link geklickt habe. Dann lande ich trotz nun breitem Bildschirm auf dem Anker. Oder stell dir vor, ich käme gar nicht von deinem Link, sondern aus meiner History, die mein intelligenter Browser zwischen meinen verschieden breiten Geräten teilt.

Du möchtest nicht den Link verändern, sondern du möchtest auf der Seite seite.html nach dem Laden zu einem Anker springen falls die Bildschirmbreite kleinergleich 610px ist.

Dazu baust du auf seite.html ein JavaScript ein, welches beim load-Event des window die Seitenbreite prüft und bei <= 610px das window zum Anker scrollt.

Und voila - du hast was du ursprünglich eigentlich wolltest und es ist auch noch hinreichend ausfallsicher.

Grüße,

RIDER

P.S.: Wenn etwas in einer bestimmten Sprache nicht machbar ist, dann liegt das in wenigen Fällen an Designschwächen der jeweiligen Sprache und in den meisten Fällen daran, dass der Entwickler entweder das falsche Werkzeug benutzt oder an der falschen Stelle ansetzt.