Wert des Attributs "class" mit JavaScript dynamisc

Stümper · 08.09.2004, 10:19

Hallo,

ich möchte den Wert des Attributs "class" mit JavaScript dynamisch ändern. Ich habe auch schon herausgefunden, dass dieses Attribut in JavaScript "className" heisst. Nun zu meiner eigentlichen Frage:

Ich habe eine Tabelle:

Code:

<table>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
</table>

Im Stylesheet definiere ich das Aussehen der Klasse "normal".
Wenn nun jemand mit der Maus über eine Zeile fährt, soll der Wert des Klassenatrributs in "active" geändert werden. Es soll also gelten:

Code:

<table>
<tr class="active"><td></td></tr>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
</table>

Meine Idee ist, es so zu machen:

Code:

<table>
<tr class="normal" onMouseOver="this.className='active';" onMouseOut="this.className='normal';"><td></td></tr>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
<tr class="normal"><td></td></tr>
</table>

Also meine Frage ist nun eigentlich: wie bekomme ich in JavaScript das aktuelle Element (in diesem Fall die aktuelle Zeile) zurück? Es sollte ein relativer Verweis wie 'this' sein, da ich nicht jeder Zeile eine eigene id zuweisen möchte. Die Seite wird dynamisch erzeugt, also müsste ich nur einmal this hinschreiben. Gibt es diese Möglichkeit?

Danke

Stümper · 08.09.2004, 10:33

oh, es funktioniert! hätte ich nicht gedacht, die this Funktionalität gibt es ja wirklich!!!!!!!!!!

brauche also keine Hilfe mehr!!!!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JS: Einführung - Javascript im Schichtenmodell	nikosch	Tutorials	4	11.04.2009 17:06
JavaScript: IFrame: Wert aendern: Problem	SvenLittkowski	HTML, Usability und Barrierefreiheit	2	26.09.2007 00:49
nach grösstem (unbekannten) Wert suchen	lindner	Datenbanken	2	20.08.2006 22:13
JavaScript Funktion default Wert angeben?	becks123	HTML, Usability und Barrierefreiheit	1	27.01.2006 11:06
Variable wird geändert bei Übergabe an Javascript		PHP Tipps 2007	4	17.12.2005 16:53
array verarbeitung (schlag auf den hinterkopf)		PHP Tipps 2007	9	16.11.2005 11:37
kleinsten und größten wert ermitteln	niffi	PHP Tipps 2005	14	26.04.2005 12:42
[Erledigt] Problem: per klick auf Button Wert erhöhen/verringern		HTML, Usability und Barrierefreiheit	7	07.10.2004 08:31

08.09.2004, 10:19
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	Wert des Attributs "class" mit JavaScript dynamisc Hallo, ich möchte den Wert des Attributs "class" mit JavaScript dynamisch ändern. Ich habe auch schon herausgefunden, dass dieses Attribut in JavaScript "className" heisst. Nun zu meiner eigentlichen Frage: Ich habe eine Tabelle: Code: <table> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> </table> Im Stylesheet definiere ich das Aussehen der Klasse "normal". Wenn nun jemand mit der Maus über eine Zeile fährt, soll der Wert des Klassenatrributs in "active" geändert werden. Es soll also gelten: Code: <table> <tr class="active"><td></td></tr> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> </table> Meine Idee ist, es so zu machen: Code: <table> <tr class="normal" onMouseOver="this.className='active';" onMouseOut="this.className='normal';"><td></td></tr> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> <tr class="normal"><td></td></tr> </table> Also meine Frage ist nun eigentlich: wie bekomme ich in JavaScript das aktuelle Element (in diesem Fall die aktuelle Zeile) zurück? Es sollte ein relativer Verweis wie 'this' sein, da ich nicht jeder Zeile eine eigene id zuweisen möchte. Die Seite wird dynamisch erzeugt, also müsste ich nur einmal this hinschreiben. Gibt es diese Möglichkeit? Danke


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.09.2004, 10:33
Stümper Erfahrener Benutzer Registriert seit: 30.07.2004 Beiträge: 255	geht ja!!! oh, es funktioniert! hätte ich nicht gedacht, die this Funktionalität gibt es ja wirklich!!!!!!!!!! brauche also keine Hilfe mehr!!!!