Legastehnika: Hintergrund der Tabelle mit onmouseover ändern

Wie kann ich die Hintergrundfarbe einer Tabelle mit onmouseover ändern?

cu

legastehnika

  1. habs schon trotzdem danke

    http://forum.de.selfhtml.org/archiv/2003/5/47404/#m258649

  2. Hi,

    Wie kann ich die Hintergrundfarbe einer Tabelle mit onmouseover ändern?

    Genauso wie für jedes andere Element:

    table:hover { background-color:red; }

    Ach so, ja, das setzt natürlich einen einigermaßen CSS-fähigen Browser voraus (also nicht den IE)

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
  3. Hallo Legasteniker,

    Wie kann ich die Hintergrundfarbe einer Tabelle mit onmouseover ändern?

    Mit Javascript, da der Event-Handler onMouseover einen noch zu schreibenden
    Javascript-Befehl aktiviert. Um diesen Befehl, eine recht simple Zuweisung
    eines Wertes zu einer Objekteigenschaft, schreiben zu können, zerlegst Du das
    Problem in Unterprobleme.

    1. Du mußt die Tabelle ansprechen, schließlich willst Du etwas damit machen.
         Eine Möglichkeit ist das Ansprechen über this.*, eine andere das Zuweisen
         eine ID und dann das Ansprechen über document.getElementById("id").*

    2. ...kommt drauf an, wie Du die Hintergrundfarbe definiert hast. Entweder
         über das entsprechende HTML-Attribut, das wäre dann in Javascript die
         Tabelleneigenschaft bgColor. Oder aber über CSS, dann wäre das das
         Unterobjekt style und dessen Eigenschaft backgroundColor.

    3. Die eigentliche Zuweisung. Sollte eigentlich klar sein. Und die Farbe
         suchst auch besser Du aus.

    Tim