Hirl: zellen färben

Beitrag lesen

Hi Arash,
Hier ist ein Lösungsansatz (Funktioniert momentan so nur im IE5),bei dem sich zumindest die einzelne Zellenfarbe ändert (Javascript,Html,DHTML).
Ich hoffe, dass das ein Ansatz zum weiteren Probieren ist.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="JScript">
<!--
function change_colour(d)
  {
     document.all[d].style.background= "CCCCCC";
  
   }
   function change_colour1(d)
  {
  
    document.all[d].style.background = "FFDDDD";
  
   }
   // -->
   </script>
</head>

<body>

<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td width="80" align="center">sehr gut</td>
<td width="80" align="center">gut</td>
<td width="80" align="center">mittel</td>
<td width="80" align="center">schlecht</td>
</tr>
<tr>
<td>Preise
</td>
<td width="80" align="center"><div id="preisesg"  onmouseover="change_colour('preisesg')" onmouseout="change_colour1('preisesg')"style="background-color:#FFDDDD;">
<input type=radio name="Preise" value="sehrgut"></div>
</td>  
<td width="80" align="center">
<div id="preiseg"  onmouseover="change_colour('preiseg')" onmouseout="change_colour1('preiseg')" style="background-color:#FFDDDD;">
<input type=radio name="Preise" value="gut"></div>
</td>
<td width="80" align="center">
<div id="preisem"  onmouseover="change_colour('preisem')" onmouseout="change_colour1('preisem')" style="background-color:#FFDDDD;">
<input type=radio name="Preise" value="mittel"></div>
</td>
<td width="80" align="center">
<div id="preises"  onmouseover="change_colour('preises')" onmouseout="change_colour1('preises')" style="background-color:#FFDDDD;">
<input type=radio name="Preise" value="schlecht"></div>
</td>
</tr>
<tr>
<td>Design
</td>
<td width="80" align="center"><div id="designsg"  onmouseover="change_colour('designsg')" onmouseout="change_colour1('designsg')" style="background-color:#FFDDDD;">
<input type=radio name="Design" value="sehrgut"></div>
</td>  
<td width="80" align="center">
<div id="designg"  onmouseover="change_colour('designg')" onmouseout="change_colour1('designg')"style="background-color:#FFDDDD;">
<input type=radio name="Design" value="gut"></div>
</td>
<td width="80" align="center">
<div id="designm"  onmouseover="change_colour('designm')" onmouseout="change_colour1('designm')"style="background-color:#FFDDDD;">
<input type=radio name="Design" value="mittel"></div>
</td>
<td width="80" align="center">
<div id="designs"  onmouseover="change_colour('designs')" onmouseout="change_colour1('designs')"style="background-color:#FFDDDD;">
<input type=radio name="Design" value="schlecht"></div>
</td>
</tr>
<tr>
<td>Service
</td>
<td width="80" align="center"><div id="servicesg"  onmouseover="change_colour('servicesg')" onmouseout="change_colour1('servicesg')"style="background-color:#FFDDDD;">
<input type=radio name="Service" value="sehrgut"></div>
</td>  
<td width="80" align="center">
<div id="serviceg"  onmouseover="change_colour('serviceg')" onmouseout="change_colour1('serviceg')"style="background-color:#FFDDDD;">
<input type=radio name="Service" value="gut"></div>
</td>
<td width="80" align="center">
<div id="servicem"  onmouseover="change_colour('servicem')" onmouseout="change_colour1('servicem')"style="background-color:#FFDDDD;">
<input type=radio name="Service" value="mittel"></div>
</td>
<td width="80" align="center">
<div id="services"  onmouseover="change_colour('services')" onmouseout="change_colour1('services')"style="background-color:#FFDDDD;">
<input type=radio name="Service" value="schlecht"></div>
</td>
</tr>
</table>

</body>
</html>

Gruss Hirl