Tabellenzeile farbig hervorheben bei Mouseover

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Tabellenzeile farbig hervorheben bei Mouseover

    Ich würde gerne in einer Tabelle die ganze Zeile farbig hervorheben wenn man mit der Maus drüber fährt. Wie bei phpmyadmin.

    Dachte eigentlich an eine CSS Lösung, gibt es da was brauchbares oder doch lieber mit JS?

    Danke

  • #2
    Also wenn du es bei mouseover willst, dann gehts nur mit JS CSS Lösungen mit :hover haben das Problem, dass der IE bis und mit Version 6 den hover nur bei Links interpretiert hat.

    Gruss

    tobi
    Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

    [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
    Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

    Kommentar


    • #3
      Muss kein JS sein, wie geht das mit CSS genau.
      Habe mal etwas gegoogelt und so etwas gefunden:

      td:hover {background-color:green;}

      Damit werden ja alle Zellen eingefärbt.
      Wie muss ich bestimmte td Zellen formatieren damit nur diese eingefärbt werden.

      Arbeite mit einer externen css Datei.

      Danke

      Kommentar


      • #4
        Wie muss ich bestimmte td Zellen formatieren damit nur diese eingefärbt werden.
        Mit Klassen oder ids, ganz wie es dir beliebt. Aber wie gesagt, dann ist nix IE <= 6

        Gruss

        tobi
        Gutes Tutorial | PHP Manual | MySql Manual | PHP FAQ | Apache | Suchfunktion für eigene Seiten

        [color=red]"An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it."[/color]
        Mohandas Karamchand Gandhi (Mahatma Gandhi) (Source)

        Kommentar


        • #5
          Habe was gefunden mit JS was mir doch ganz gut passt.

          <tr bgcolor="lightgrey" onMouseOver="this.bgColor='moccasin';" onMouseOut="this.bgColor='lightgrey';">

          Wenn es was besseres gibt, dann bitte melden.
          Zuletzt geändert von blumi; 31.05.2007, 12:21.

          Kommentar


          • #6
            Geht komplett ohne JS - hab das ganze vor fast 1,5 Jahren mal ordentlich aufgeschrieben, inkl Beispiel. Für den IE muss nur das beschrieben hover.htc an das body-tag per Behavior geklebt werden. Das .htc ist JS was aber nur für den IE6 zum tragen kommt, also auf conditional comments achten.


            http://www.triebschicht.de/item/23/


            Beispiel: http://www.triebschicht.de/spielwiese/tr_hover.html - da einfach mal in den Quellcode schauen...
            Zuletzt geändert von prego; 31.05.2007, 16:27.

            Kommentar

            Lädt...
            X