nicht angemeldet
Hallo,
ist es möglich das ich von einer Spalte,bei einem Rollover über diese,die Hintergrundfarbe wechseln lasse?
Hier mal ein Versuch mit DOM-Methoden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test by TM 06/02</title>
<style type="text/css">
<!--
td
{
color: #000000;
background-color: #FFFFCC;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function SpaltenFaerben(farbe,spalte)
{
var tab=document.getElementById("testtab");
var tabtr=tab.getElementsByTagName("tr");
for(i=0;i<tabtr.length;i++)
{
tabtr[i].childNodes[spalte-1].style.backgroundColor=farbe;
}
}
//-->
</script>
</head>
<body>
<h2>Spalten via onmouseover/onmouseout färben</h2>
<table id="testtab" border="1" width="50%">
<tr>
<td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
</tr>
<tr>
<td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
</tr>
<tr>
<td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
</tr>
<tr>
<td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
</tr>
<tr>
<td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
</tr>
<tr>
<td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
</tr>
</table>
<p>Spalte 1 wird rot, Spalte 5 wird grün.</p>
</body>
</html>
MfG, Thomas