B.Hendriksen: dynamische Ids

Beitrag lesen

Hallo!
Ich habe folgendes Problem:
Ich möchte bei einem "onmouseover/-out" über eine Tabelle die in der Tabelle angegebene "Id" als Variable übergeben, jedoch nicht als fixer Wert wie im momentanen Quellcode (siehe var x), um die Hintergrundfarbe der angesprochenen Tabelle zu ändern.
PS: Betrifft nur <td>-Inhalt und JavaScript, nicht Inhalt zwischen <ilayer>-Tags.

Hat jemand eine Idee wie mein Problem zu lösen wäre?

<html>

<script type="text/javascript">
<!--
function setOverCBG(colorname) {
var x=document.getElementById("Menu");
   var backColor= colorname;
   x.style.backgroundColor=backColor;
}
function setOutCBG(colorname) {
var x=document.getElementById("Menu");
    var backColor= colorname;
    x.style.backgroundColor=backColor;
}
//-->
</script>

<body bgcolor="#ffffff">
  <table width="190" height="22" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td id="Menu" onmouseover="setOverCBG('#808080')" onmouseout="setOutCBG('#FFFFFF')">
     <ilayer>
      <layer width="100%" height="22" onmouseover="this.bgColor='#808080';" onmouseout="this.bgColor='#FFFFFF';">
       <a href="ausstellungen.html"><img src="images/clear.gif" width="5" height="1" border="0">Home </a>
      </layer>
     </ilayer>
    </td>
   </tr>
  </table>
  <br>
  <br>
  <table width="190" height="22" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td id="Menu2" onmouseover="setOverCBG('#7B68EE')" onmouseout="setOutCBG('#FFFFFF')">
     <ilayer>
      <layer width="100%" height="22" onmouseover="this.bgColor='#7B68EE';" onmouseout="this.bgColor='#FFFFFF';">
       <a href="ausstellungen.html"><img src="images/clear.gif" width="5" height="1" border="0">forum </a>
      </layer>
     </ilayer>
    </td>
   </tr>
  </table>
 </body>

</html>