nicht angemeldet
ja super,da kann ich bestimmt was draus ableiten!
Andreas
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