Text durchgestrichen darstellen

Hallo Experten

Ich habe in einer Tabelle Namen und Adressen aufgelistet und möchte beim Klicken auf diese Namen die ganze Zeile durchgestrichen dargestellt haben, oder falls er schon durchgestrichen ist, soll er wieder normal erscheinen. Wie kann ich da mit onclick und einem JavaScript diese Formatierung erreichen?

Hans Meier Brunnen
Monika Fasel Basel
Peter Frischherz Zug

Besten Dank für die Hilfe

Gruss Matthias

Ich denke dafür wirst du css benutzen müssen, indem du angibst was beim klick auf links passieren soll.
d.h. z.b. aktive links = durchgestrichen usw. auf dauerstress.de findest du einen css-generator, der seine sache super macht.

Geh mal auf http://www.dauerstress.de/utility/css.htm!!!

Gruss Sascha

Es gibt das String-Attribut „strike()“ und das Style-Attribut „text-decoration“.
Aber ich kapiere die Anwendung derselben nicht.
Wenn ich zB. nur die Farbe wechseln möchte, so klappt das mit thisfield.style.color=red. Analog dazu müssten doch auch die oberen Attribute irgendwie einstellbar sein.

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Es gibt das String-Attribut „strike()“ und das Style-Attribut
„text-decoration“.
Aber ich kapiere die Anwendung derselben nicht.
Wenn ich zB. nur die Farbe wechseln möchte, so klappt das mit
thisfield.style.color=red. Analog dazu müssten doch auch die
oberen Attribute irgendwie einstellbar sein.

Versuch es mal so…dabei kannst du die farbe ganz leicht ändern, aber wozu brauchst du den „strike()“ string?

a:link {
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:none;
color:#000000;
}

a:visited {
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:line-through;
color:#FF0000;
}

a:active {
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:line-through;
color:#FF0000;
}

a:hover {
font-family:Arial,Verdana,Helvetica;
font-size:10pt;
font-weight:500;
text-decoration:none;
color:#000000;
}

du kannst auch den „text-decoration:line-through“ einfach ändern wobei „line-trough“ durchgestrichen nun bei den besuchten links dargestellt wird…