Andreas: Hinergrundfarbe wechseln?

Hallo,
ist es möglich das ich von einer Spalte,bei einem Rollover über diese,die Hintergrundfarbe wechseln lasse?

Andreas

  1. hi

    ist es möglich das ich von einer Spalte,bei einem Rollover über diese,die Hintergrundfarbe wechseln lasse?

    ganze Tabellenspalte? hm.. dann müsst eman also die für diese Tabelle zültige CSS-Klasse selbst ändern... frag' mich aber keiner, wie das geht >;)

    Grüße aus Bleckede

    Kai

  2. Hallo,

    ist es möglich das ich von einer Spalte,bei einem Rollover über diese,die Hintergrundfarbe wechseln lasse?

    Hier mal ein Versuch mit DOM-Methoden:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Test by TM 06/02</title>
    <style type="text/css">
    <!--

    td
    {
    color: #000000;
    background-color: #FFFFCC;
    }

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

    function SpaltenFaerben(farbe,spalte)
    {
      var tab=document.getElementById("testtab");
      var tabtr=tab.getElementsByTagName("tr");
      for(i=0;i<tabtr.length;i++)
      {
        tabtr[i].childNodes[spalte-1].style.backgroundColor=farbe;
      }
    }

    //-->
    </script>
    </head>
    <body>
    <h2>Spalten via onmouseover/onmouseout färben</h2>
    <table id="testtab" border="1" width="50%">
    <tr>
    <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
    </tr>
    <tr>
    <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
    </tr>
    <tr>
    <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
    </tr>
    <tr>
    <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
    </tr>
    <tr>
    <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
    </tr>
    <tr>
    <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
    </tr>
    </table>
    <p>Spalte 1 wird rot, Spalte 5 wird grün.</p>
    </body>
    </html>

    MfG, Thomas

    1. ja super,da kann ich bestimmt was draus ableiten!

      Andreas

      Hallo,

      ist es möglich das ich von einer Spalte,bei einem Rollover über diese,die Hintergrundfarbe wechseln lasse?

      Hier mal ein Versuch mit DOM-Methoden:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <title>Test by TM 06/02</title>
      <style type="text/css">
      <!--

      td
      {
      color: #000000;
      background-color: #FFFFCC;
      }

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

      function SpaltenFaerben(farbe,spalte)
      {
        var tab=document.getElementById("testtab");
        var tabtr=tab.getElementsByTagName("tr");
        for(i=0;i<tabtr.length;i++)
        {
          tabtr[i].childNodes[spalte-1].style.backgroundColor=farbe;
        }
      }

      //-->
      </script>
      </head>
      <body>
      <h2>Spalten via onmouseover/onmouseout färben</h2>
      <table id="testtab" border="1" width="50%">
      <tr>
      <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
      </tr>
      <tr>
      <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
      </tr>
      <tr>
      <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
      </tr>
      <tr>
      <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
      </tr>
      <tr>
      <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
      </tr>
      <tr>
      <td onmouseover="SpaltenFaerben('#FF0000',1)" onmouseout="SpaltenFaerben('#FFFFCC',1)">1</td><td>2</td><td>3</td><td>4</td><td onmouseover="SpaltenFaerben('#009900',5)" onmouseout="SpaltenFaerben('#FFFFCC',5)">5</td>
      </tr>
      </table>
      <p>Spalte 1 wird rot, Spalte 5 wird grün.</p>
      </body>
      </html>

      MfG, Thomas