Hallo,
Wenn ich einem col tag einen onClick event verpasse,
Die Frage ist Browser überhapt die Events im <col> unterstützen, was nicht der Fall ist.
kann ich damit zum beispiel die ganze spalte mit einer anderen background-color versehen? Hab's ausprobiert, nix passiert :-(
Gibts da einen anderen trick?
Mit Mozilla/Firefox geht es so:
-------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
function setBGColor(strID, strClassName) {
var arrSpalten = new Array("aaa", "bbb", "ccc");
for (i=0; i < arrSpalten.length; i++ ) {
var obj = document.getElementById(arrSpalten[i]);
if(obj != null) {
if(arrSpalten[i] == strID) {
obj.setAttribute("class", strClassName);
}
else {
obj.setAttribute("class", "normal");
}
}
}
}
</script>
<style type="text/css">
.normal { background-color:#f5f5dc; }
.bgSilver { background-color:#c0c0c0; }
</style>
</head>
<body>
<table cellspacing="2" cellpadding="2" border="1" width="500">
<colgroup>
<col id="aaa" class="normal" style="width:10%">
<col id="bbb" class="normal">
<col id="ccc" class="normal" style="width:25%">
</colgroup>
<tr>
<td onClick="setBGColor('aaa', 'bgSilver');">aaa</td>
<td onClick="setBGColor('bbb', 'bgSilver');">bbb</td>
<td onClick="setBGColor('ccc', 'bgSilver');">ccc</td>
</tr>
<tr>
<td onClick="setBGColor('aaa', 'bgSilver');">aaa</td>
<td onClick="setBGColor('bbb', 'bgSilver');">bbb</td>
<td onClick="setBGColor('ccc', 'bgSilver');">ccc</td>
</tr>
<tr>
<td onClick="setBGColor('aaa', 'bgSilver');">aaa</td>
<td onClick="setBGColor('bbb', 'bgSilver');">bbb</td>
<td onClick="setBGColor('ccc', 'bgSilver');">ccc</td>
</tr>
</table>
</body>
</html>
-----------------------------------------------------
Grüße
Thomas