Jede zweite Tabellenzeile färben
Ingo Dehne
- javascript
Hallo,
ich habe eine größere techn. Tabelle, in der häufiger Daten ergänzt oder verändert werden. In dieser Tabelle soll jede zweite Zeile z.B. grau hinterlegt werden.
Wie kann ich das realisieren, ohne jede Zeile mit einem eindeutigen Kennzeichen zu versehen, denn daß muß ich beim Einfügen einer neuen Zeile jedes mal wieder ändern.
Gruß
Ingo Dehne
Hallo,
ich habe eine größere techn. Tabelle, in der häufiger Daten ergänzt oder verändert werden. In dieser Tabelle soll jede zweite Zeile z.B. grau hinterlegt werden.
Diese Funktion sollte das Gewuenschte tun:
function TRFarbe()
{
var tables,rows,i,j,farbe1,farbe2;
farbe1="#00C";
farbe2="#F00";
tables=document.getElementsByTagName("table");
for(i=0;i<tables.length;i++)
{
rows=tables[i].getElementsByTagName("tr");
for(j=0;j<rows.length;j++)
{
if(j==0)tables[i].rows[j].style.backgroundColor=farbe1;
else tables[i].rows[j].style.backgroundColor=farbe2;
}
}
}
Aufruf der Funktion:
<body onload="if(document.getElementsByTagName)TRFarbe()">
MfG, Thomas
[Nachtrag:]
Diese Funktion sollte das Gewuenschte tun:
function TRFarbe()
Da habe ich die falsche Funktion erwischt, die genannte formatiert nur die erste Reihe anders.
Probiere es damit:
function TRFarbe()
{
var tables,rows,i,j,farbe1,farbe2;
farbe1="#F00";
farbe2="#00C";
tables=document.getElementsByTagName("table");
for(i=0;i<tables.length;i++)
{
rows=tables[i].getElementsByTagName("tr");
for(j=0;j<rows.length;j++)
{
if(j%2==0)tables[i].rows[j].style.backgroundColor=farbe1;
else tables[i].rows[j].style.backgroundColor=farbe2;
}
}
}
MfG, Thomas
Vielen Dank für die Prompte antwort.
Gruß
Ingo Dehne