Andreas: Hinergrundfarbe wechseln?

SELF-Forum

Hinergrundfarbe wechseln?

Andreas
– Informationen zu den Bewertungsregeln

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

Andreas

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hinergrundfarbe wechseln?

    Kai Lahmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Hinergrundfarbe wechseln?

    Thomas Meinike
    – Informationen zu den Bewertungsregeln

    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

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Hinergrundfarbe wechseln?

      Andreas
      – Informationen zu den Bewertungsregeln

      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

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln