CSS-Eigenschaft tauschen
Rob
- javascript
0 Palme0 Rob0 Linksetzer0 Palme
Hallo,
mein Problem sieht grob so aus: in einem Inputfeld soll zB über onChange eine JS-Funktion ausgelöst werden, die einen ganz normalen Text (kein Inputfeld oder Textarea) über text-decoration:line-through durchstreicht.
Bisher weise ich dem Text eine CSS-Klasse zu, die dann von JS gegen eine andere getauscht wird. Die Zeilenanzahl kann jedoch varieren und bei 20 Elementen würde das 40 Klassen erfordern, das ist zum einen unübersichtlich und zum anderen bestimmt nicht elegant.
Geht es auch anders? Vielleicht über parent/child-Navigation vom übergebenen "this" aus? Leider muß man vom Inputfeld 4 Ebenen nach oben und dann wieder 13 hinunter um zum TEXT zu kommen.
Oder vielleicht das Textfeld über eine ID ansprechen?!
irgendwie verwirrt *g*
Robert
Hallo,
ich bin mir zwar nicht sicher, ob ich dich wirklich richtig verstanden habe, aber du kannst den einzelnen Elementen ein name-Attribut zuweisen und die Elemente dann darüber ansprechen mit:
document.getElementsByName('name')[x].style.andererStyle.
Das X steht dabei für das "wievielte" Element mit dem Namen ('name').
Hoffe ich konnte dir helfen.
Grüße
Dirk
Grüße,
document.getElementsByName('name')[x].style.andererStyle.
Das X steht dabei für das "wievielte" Element mit dem Namen ('name').
Glaube das könnte was werden, wenn ichs richtig umgesetzt / verstanden hab .. und die Fehlermeldung verschwindet *g*
Hier mal der gekürzte Quelltext:
<script LANGUAGE="JavaScript">
function durchstreichen(wo)
{
document.getElementsByName('test')[wo].style.text-decoration='line-through';
}
</script>
<body>
...
<TD><input onfocus="durchstreichen(0)"></TD>
<TD><span name="test"> TEXT </span></TD>
...
</body>
Schon bei text-decoration kommt ein Syntaxfehler .. hrgl.
Rob
document.getElementsByName('test')[wo].style.text-decoration='line-through';
Schon bei text-decoration kommt ein Syntaxfehler .. hrgl.
http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften
http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften
...nach lesen des Artikels dürfte es dann klappen!
Grüße
Palme