Yannick: Hover TR

Hiho

ist es möglich eine ganze tr eien hover (fabwechsel des Hintergrundes) zu geben (dabit man sieht in welcher Reihe man ist)?? Und wenn ja wie??

DAnke schon mal

  1. Hi,

    ist es möglich eine ganze tr eien hover (fabwechsel des Hintergrundes) zu geben (dabit man sieht in welcher Reihe man ist)?? Und wenn ja wie??

    Geht mit CSS:
    tr:hover { background-color:yellow; }

    Funktioniert allerdings in technisch zurückgebliebenen Browsern (d.h. u.a. IE) nicht.
    In modernen Browsern wie Mozilla geht es aber.

    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/
  2. Hallo Yannick,

    ist es möglich eine ganze tr eien hover (fabwechsel des Hintergrundes) zu geben (dabit man sieht in welcher Reihe man ist)??

    ja, sogar ganz ohne js: "tr:hover { background-color:#00F; }" - funktioniert aber nur mit Opera und Mozilla. Im IE wirst du dir mit <tr onmouseover="this.style.backgroundColor = '#00F'" onmouseout="..."> behelfen müssen.

    Grüße aus Nürnberg
    Tobias

    --
    Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:|
  3. Hallo,

    Für Browser, die CSS gut unterstützen ist es sehr einfach:

    tr:hover { background: red; }

    Wenn es auch im IE funktionieren soll, benötigst du Javascript:

    <tr onmouseover="this.style.backgroundColor='red';" onmouseout="...">

    Gruß, Jan

  4. Mit CSS ist sowas möglich, aber auch mit JavaScript. Was CSS angeht, gibt es einen entsprechenden Featurartikel bei Selfhtml zu dem Thema. Die JavaScriptlösung findest Du u. a. bei cnn.com im Menü.

    Heiner