Textaustausch in Hyperlink

[Mathias Brodala]

Hallo kleinfeld.

Wie kann ich es erreichen, dass sich wenn ich auf dein ganz normales Link klicke,

Meins?

der Text des Linkes verändert. Also quasi bei Rollover soll sich der Text des Links an sich verändern.

Ja was denn nun? Beim Klick oder beim Hovern? Während für ersteres wohl eine JavaScript–Lösung erforderlich ist, lässt sich letzteres wunderbar nur mit CSS umsetzen:

a span#after { /* Den einzublendenden Text im Normalzustand ausblenden */  
  display:none;  
}  
a:hover {  
  background:#fff; /* Eine sinnlose Regel, nur für den IE, welcher ansonsten den Link nicht neu rendert. */  
}  
a:hover span#before { /* Beim Hovern den normalen Text ausblenden … */  
  display:none;  
}  
a:hover span#after { /* … und den neuen Text einblenden */  
  display:inline;  
}

Und das HTML dazu:

<p><a href=""><span id="before">Vorher</span><span id="after">Nachher</span></a></p>

Für die JS–Lösung könntest du <http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=beim Klicken> auf den Link http://de.selfhtml.org/javascript/objekte/node.htm#first_child@title=den http://de.selfhtml.org/javascript/objekte/node.htm#node_value@title=Inhalt seines Textknotens neu zuweisen.

Einen schönen Freitag noch.

Gruß, Mathias