<tr> element per javascript umfärben

[xesued]

Ich habe eine mouseover-funktion, die eine Tabellenzeile durch einfärben des Hintergrunds hervorheben soll.

Im html steht dann also:
<tr onmouseover="tr_over()" onmouseout="tr_out()">

Jetzt weiß ich aber nicht, wie ich das richtige tr-tag ansprechen soll.

  
function tr_over() {  
    document.tr.style.backgroundColor='#FFECAA';  
}  
function tr_out() {  
    document.tr.style.backgroundColor='#D6D7DE';  
} 

So gehts natürlich nicht. Nun könnte ich vermutlich jeder einzelnen Tabellenzeile eine numerierte Id zuweisen, bei Funktionsaufruf übergeben und dann mit getElemnetById() darauf zugreifen.
Aber vielleicht wisst ihr ja eine simplere Lösung.
Irgendwie hab ich die Objekthierarchie noch nicht so ganz kapiert.

[Struppi]

Ich habe eine mouseover-funktion, die eine Tabellenzeile durch einfärben des Hintergrunds hervorheben soll.

Alle aktuellen Browser können die CSS Anweisung: tr:hover {...}. Damit sparst du dir 'ne Menge Code.

Struppi.

[Gunnar Bittersmann]

@@Struppi:

Alle aktuellen Browser können die CSS Anweisung: tr:hover {...}.

IE6 ist zwar schon recht alt, aber trotzdem noch aktuell. Leider.

Live long and prosper,
Gunnar

PS: Oder bezeichnest du IE6 gar nicht als „Browser“? ;-)

[xesued]

Jaja, in einer perfekten Welt würde niemand mehr den verdammten IE benutzen, aber bis es soweit ist, muss man sich leider mit allerlei Workarounds herumschlagen ^^

Jedenfalls vielen Dank für die Hilfe, werds gleich mal probieren!

[Cheatah]

Hi,

Jaja, in einer perfekten Welt würde niemand mehr den verdammten IE benutzen,

in einer perfekten Welt hätte es den IE nie gegeben (und trotzdem genügend Konkurrenz, um Software der Qualität eines Firefox oder Safari hervorzubringen). Es sei denn, man übersetzt "perfacere" recht frei mit "durchmachen", denn mit dem IE haben wir schon eine Menge durchgemacht ...

Cheatah, SCNR

[suit]

IE6 ist zwar schon recht alt, aber trotzdem noch aktuell. Leider.

ich würde eher sagen nicht aktuell, man verwendet ihn aber trotzdem noch

Bedeutungen:
[1] jetzt, in dieser Zeit, in diesem Moment
[2] auf dem neuesten Stand
[3] angesagt, zeitgemäß
aktuell (wiktionary)

in bezug auf den ie6 ist [2] oder [3] ja schon richtig lächerlich, über [1] kann man reden ;)

[Christian S.]

Hi,

übergebe this an die Methode:

Im html steht dann also:
<tr onmouseover="tr_over(this)" onmouseout="tr_out(this)">

Jetzt weiß ich aber nicht, wie ich das richtige tr-tag ansprechen soll.

function tr_over(tr) {
    tr.style.backgroundColor='#FFECAA';
}
function tr_out(tr) {
    tr.style.backgroundColor='#D6D7DE';
}

  
Oder machs wie Struppi gesagt hast. Dann gehts aber nicht im IE 6.  
  
Gruß!

[EKKi]

Mahlzeit,

Oder machs wie Struppi gesagt hast. Dann gehts aber nicht im IE 6.

Oder mach beides: entsprechende CSS-Angaben für standardkonforme, aktuelle Browser und beim Laden des Dokuments setzt Du die Event-Handler nur für den IE < 7 per Javascript. :-)

MfG,
EKKi