Markus: Farbwechsel in nur einer Tabellenzelle

SELF-Forum

Farbwechsel in nur einer Tabellenzelle

Markus
– Informationen zu den Bewertungsregeln

hi,

ich habe folgende frage:

besteht die möglichkeit, über javascript einen farbwechsel zu realisieren, der nur in einer tabellenzelle ausgeführt wird.

mein problem ist, dass ich eine tabelle mit drei zeilen und ca. 8 spalten habe. in der ersten und dritten zeile sollen verschieden hintergrundgrafiken anklickbar sein. nach anklicken soll sich nur der hintergrund in der mittleren zeile ändern, deren spalten zu einer zelle verbunden sind.

den farbwechsel habe ich schon definiert, mein problem liegt darin, den farbwechsel eben nur in der benannten zelle durchzuführen. im augenblick ändert sich der hintergrund des ganzen dokuments.

geht sowas überhaupt.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Farbwechsel in nur einer Tabellenzelle

    Bernhard Helmes
    – Informationen zu den Bewertungsregeln

    Hallo Markus,

    geht schon

    beim IE fügst du bei der Zelle eine id nummer ein
    also <td id="_1">
    und greifst mit JavaScript mit document.all._1.bgColor="Lime" drauf zu.

    Ich leg dir noch ein paar Schnipsel von mir dabei

    function AndereFarbe(bgColor)
      {
        if (bgColor=='#ffffff') bgColor='#00FF00';
      else if (bgColor=='#00ff00') bgColor='#FF0000';
      else if (bgColor=='#ff0000') bgColor='#FFFFFF';
         return (bgColor);
      }

    <td bgcolor = '#FFFFFF' onClick="this.bgColor=AndereFarbe(this.bgColor)">Liebe</td>

    Beim Netscape muß du mit Layern arbeiten. Weiß ich bis jetzt auch noch nicht ganz genau

    Hier mein letzter Stand. Die Farbwerte spinnen ein bißchen
    <script language="JavaScript">

    function Hintergrund(bgColor)
    {
    // document.write ("Farbe = "+bgColor+"<br>");
        if (document.TestLayer.bgColor==16711680) document.TestLayer.bgColor=16777215; // Weiß
        else if (document.TestLayer.bgColor==16777215) document.TestLayer.bgColor=65280; // Grün
        else if (document.TestLayer.bgColor==65280) document.TestLayer.bgColor=16711680; // Rot

    }
    </script>
    </head><body>
    <a href="javascript:Hintergrund()">Anderer Hintergrund</a>
    <table cellspacing="2" cellpadding="2" border="0">
    <tr>
        <td><layer top=150 name="TestLayer" left=100 height=200 bgcolor=#FF0000>
    <a onClick="javascript: Hintergrund ()">Inhalt</a></layer>
    </td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    </table>

    Ich hoffe du kannst damit was anfangen
    Gruß aus Aachen
    Bernhard

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln