Rike: Hintergrund ändern

Hallo Leute,

ich habe mir folgendes Script gebastelt, welches den Hintergrund der <td>'s in Tabellen ändert

<script language="JavaScript" type="text/javascript" >
<!--

function ChgBackColor(tdback,color)
{
tdback.style.backgroundColor=color;
}

function BackColor(tdback,act)
{
 if(act == "click")
 {
 var color = "#00ff00";
 ChgBackColor(tdback,color);
 }
 else
 {
  if(act == "over")
  {
  var color = "#8C8C8C";
  }

if(act == "out")
  {
  var color = "#bbbbbb";
  }
  ChgBackColor(tdback,color)
 }

}

// -->
</script>

Das Ganze läuft auch prima. Jetzt hätte ich das nur gerne, dass wenn man einmal auf ein <td> geklickt hat, die Farbe dann stehen bleibt und sich nicht mehr bei onMouseOver ändert. Die Farbe soll erst dann wieder auf die Out-Farbe wechseln, wenn man eine anderes <td> angeklickt hat.

Ich hoffe, dass mir jemand von Euch Profies helfen kann - wäre echt supi-nett.

LG, Eure Rike aus der Nähe von Ulm

  1. Hallo,

    könnte so gehen:

    <script language="JavaScript" type="text/javascript" >
    <!--
    var active = null; // hier wird das aktive tdback gesichert

    function ChgBackColor(tdback,color)
    {
      tdback.style.backgroundColor=color;
    }

    function BackColor(tdback,act)
    {
      if(act == "click")
      {
        var color = "#00ff00";
        if( active != null )
        {
          ChgBackColor(active,"#bbbbbb");
        }
        active = tdback;
        ChgBackColor(tdback,color);
      }

    if(act == "over" && tdback != active)
      {
        var color = "#8C8C8C";
        ChgBackColor(tdback,color)
      }

    if(act == "out" && tdback != active)
      {
        var color = "#bbbbbb";
        ChgBackColor(tdback,color)
      }

    }
    // -->
    </script>

    Mit freundlichen Grüßen,
    Michael Nagler

    1. Hallo Michael,

      vielen, vielen Dank für Deinen superschnelle Hilfe.
      Es klappt alles ...

      LG, Rike