B.Hendriksen: dynamische Ids

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>

  1. Hoi,

    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.

    Warum machst du das denn dann nicht einfach?

    function setOverCBG(colorname) {

    function setOverCBG(name,colorname) {

    var x=document.getElementById("Menu");

    var x = document.getElementById(name);

    [...]

    <td id="Menu" onmouseover="setOverCBG('#808080')" onmouseout="setOutCBG('#FFFFFF')">

    <td id="Menu" onmouseover="setOverCBG('Menu','#808080');">

    Analog dasselbe natuerlich bei setOutCBG.

    Gruesse,
     CK

  2. Hallo,

    Ich möchte bei einem "onmouseover/-out" über eine Tabelle die in der Tabelle angegebene "Id" als Variable übergeben

    <td id="Menu" onmouseover="setOverCBG('#808080')"

    versuch mal setOverCBG(this.id). Dann kannst du aber eigentlich auch gleich setOverCBG('Menu') hernehmen, das hat den gleichen Effekt.

    Robert

    http://www.designauswahl.here.de
    mit kostenlosem Webseiten-Generator ROBE.dit
    [more than a HTMLE.dit]