Ich würde generell anraten, eine solche farbliche Auszeichnung über CSS-Klassen zu machen.
CSS eigentlich gerne. Nur hab ich leider Anweisung bekommen die vorhandene CSS nicht zu editieren :(
Ich erweitere jetzt mal die Codeschnipsel...
test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de-DE" xml:lang="de-DE">
<head>
<script src="datacenter.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<table border="1" id="tab">
<tr name="row_0" bgcolor="#FF0000">
<td><img alt="Zeile markieren" src="highlight.gif" onclick="selectrow('row_0')" /></td>
<td> </td>
</tr>
<tr name="row_1" bgcolor="#FF0000">
<td><img alt="Zeile markieren" src="highlight.gif" onclick="selectrow('row_1')" /></td>
<td> </td>
</tr>
<tr name="row_2" bgcolor="#FF0000">
<td><img alt="Zeile markieren" src="highlight.gif" onclick="selectrow('row_2')" /></td>
<td> </td>
</tr>
</table>
</body>
</html>
javascript.js (ungekürzt)
var tab, rows, i, zeile;
//#########################################
//## Zeilenmarkierung
function selectrow(zeile) {
tab = document.getElementById("tab");
rows = tab.getElementsByTagName("TR");
for ( i=0; i<rows.length; i++ ) {
if ( rows[i].name == zeile ) {
rows[i].style.backgroundColor = "yellow"
}
}
}
Also, wie gesagt: Im FF funktioniert das ganze nicht.
Keine Fehlermeldung!
Hat irgendjemand ne Idee?