Mortimer: onclick class ändern > aber nur 1x

Hi

Ich versuche gerade etwas herum und wollte mir auf den onclick handler die class wählen um eine Hintergrundfarbe in meiner tabelle zu ändern.

Soweit noch ok und auch recht simpel.

Jedoch will ich es nun so haben dass wenn ich auf den Radiobutton drücke... der TD dahinter eine classe bekommt (schaff ich)... aber dafür ein vorher angekklickter radio-buttons(der dabei auch seine hintergrundfabr egeändert hatte) wieder zurückgesetzt wird.

Im Grund will ich also ein TD mit onklick maieren... und bei anwählen eines anderen TD dieses makieren und dafür das von davor aufheben.

Da ich nicht sonderlich JS bewander bin frag ich mal... ich hoffe jemand weiss rat und hilfe (am besten mit beispiel-code...sonst verstehe ich das nicht wenn es wieder nur theorie ist) =)

ciao

  1. Hallo,

    so könnte es funktionieren

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style type="text/css">
    .red {
     background-color: red
    }
    .blue{
     background-color:blue
    }
    </style>
    <script type="text/javascript">
    <!--
    function mark(cell)
    {
    for(i=0; i <
    document.getElementById("tbl").getElementsByTagName("td").length; i++)
    {
    document.getElementById("tbl").getElementsByTagName("td")[i].className="blue";
    }
    cell.className="red";
    }
    //-->
    </script>
    </head>

    <body>
    <table width="600" border="0" cellspacing="0" cellpadding="0" id="tbl">
    <tr>
    <td class="blue" onclick="mark(this)">sdsdsd</td>
    <td class="blue" onclick="mark(this)">dsdsdsd</td>
    <td class="blue" onclick="mark(this)">dsdsds</td>
    <td class="blue" onclick="mark(this)">dsdsdsds</td>
    </tr>
    </table>

    </body>
    </html>

    Gruß!

    1. Ohh.. danke =)

      Ich probier es aus und sag aber schonmal danke ... sieht gut aus =)

      ciao

    2. <td class="blue" onclick="mark(this)">sdsdsd</td>
      <td class="blue" onclick="mark(this)">dsdsdsd</td>
      <td class="blue" onclick="mark(this)">dsdsds</td>
      <td class="blue" onclick="mark(this)">dsdsdsds</td>

      Kann ich irgendwie dem sagen er möge dass nicht auf dieses (this) legen sondern ein TD meiner wahl?

      Leider bemerkte ich vorhin dass wenn ich auf einen radio-button den effekt lege gibt er (logischerweise) dem Radiobuttion diese class, nicht dem TD darunter.

      Wie schreib ich das? =)

      Ansonsten ist es richtig gut. danke! =)

      ciao

      1. Ok...

        ich habe selebr etwas herumgefingert.... geht =)

        ciao