nicht angemeldet
Col Tag und onClick
Hi zusammen.
Wenn ich einem col tag einen onClick event verpasse, kann ich damit zum beispiel die ganze spalte mit einer anderen background-color versehen? Hab's ausprobiert, nix passiert :-(
Gibts da einen anderen trick? Hier der code
<colgroup>
<col style="width:21%" class="" />
<col style="width:16px" class="" />
<col style="width:4%" class="" />
<col style="width:25%" class="alignCenter" onClick="changeMyBackground(this)"/>
<col style="width:25%" class="alignCenter" />
<col style="width:25%" class="alignCenter" />
danke
Matthias
-
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 -
Hi,
Gibts da einen anderen trick?
Für alle aktuellen Browser:
In den HEAD ein kleines Script:
<script type="text/javascript" language="JavaScript"><!--
function toggle(){return false;}
// Alle "Col"-TDs weiß, nur column-TDs blau
function back(column) { toggle('back:white/blue','td','Col',column,true); }
//--></script>Die Tabelle würde dann so aussehen
<table border="1" cellpadding="7"><tr>
<th colspan="3">Überschrift</th>
</tr><tr>
<td gid="ColA" onClick="back('A');">Zelle A1</td>
<td gid="ColB" onClick="back('B');">Zelle B1</td>
<td gid="ColC" onClick="back('C');">Zelle C1</td>
</tr><tr>
<td gid="ColA" onClick="back('A');">Zelle A2</td>
<td gid="ColB" onClick="back('B');">Zelle B2</td>
<td gid="ColC" onClick="back('C');">Zelle C2</td>
</tr><tr>
<td gid="ColA" onClick="back('A');">Zelle A3</td>
<td gid="ColB" onClick="back('B');">Zelle B3</td>
<td gid="ColC" onClick="back('C');">Zelle C3</td>
</tr><tr>
<th colspan="3">Legende</th>
</tr></table>und zw. blue und white wechseln.
Gruß, Cybaer
--
Hinweis an Fragesteller: Fremde haben ihre Freizeit geopfert, um Dir zu helfen. Helfe Du auch im Archiv Suchenden: Beende deinen Thread mit einem "Hat geholfen" oder "Hat nicht geholfen"!-
Hallo,
<mecker>Du weisst, dass SELFHTML schon lange nicht mehr auf teamone.de gehostet wird? (siehe Link im "Anmerkung zu unfold:") </mecker>
Grüße
Thomas
-