nicht angemeldet
Hallo, Cee-Jay,
Wie lässt es sich realisieren, dass automatisch eine zeile einer Tabelle eine andere Farbe als die nächste hat?
Muss man da tatsächlich jede zeile einzeln "färben" oder gibt's dafür einen befehl/script?
am besten bestimmst Du die Zeilenfarbe serverseitig, z.B. mit PHP/mySQL durch Ausgabe des entsprechenden HTML-Codes. Die zweitbeste Möglichkeit ist die - mitunter mühevolle - manuelle Festlegung.
Wenn auch das das unpraktikabel ist, kannst Du ja versuchen, das untenstehende Skript anzupassen und zu optimieren.
Entgegen meinem Skriptverständnis muß dabei z.Zt. leider jede Zeile mit derselben ID bezeichnet werden, was allerdings keinen validen Code ergibt. Es funktioniert aber trotzdem zumindest im Internet-Explorer.
Vielleicht findest Du ja - vielleicht mit Hilfe anderer Forumsteilnehmer - den Fehler ...
Grüße,
Sebastian
-----------------------------------------------------------------
<html>
<head>
</head>
<body>
<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr name="table_row" id="table_row">
<td>Row 1</td>
<td>Row 1</td>
<td>Row 1</td>
</tr>
<tr name="table_row" id="table_row">
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr name="table_row" id="table_row">
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr name="table_row" id="table_row">
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
<tr name="table_row" id="table_row">
<td>Row 5</td>
<td>Row 5</td>
<td>Row 5</td>
</tr>
<tr name="table_row" id="table_row">
<td>Row 6</td>
<td>Row 6</td>
<td>Row 6</td>
</tr>
</table>
<SCRIPT>
var z = 1;
function zebra(row_name)
{
var objConstrFields = document.getElementsByName(row_name);
for(i=0;i<objConstrFields.length;i++)
{
z = z*(-1);
if(z==1){objConstrFields[i].style.background='#EFEFEF';}else{objConstrFields[i].style.background='#FFFFFF';}
}
}
if(document.getElementsByName)zebra("table_row");
</script>
</body>
</html>