1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

javascript für <td> farbänderung bei mouseover

  • linken_harmy
  • 20. Juli 2005 um 15:38
  • Unerledigt
  • linken_harmy
    1
    linken_harmy
    Gast
    • 20. Juli 2005 um 15:38
    • #1

    Hi, ich weiss zwar dass dieses Problem ungefähr 10 Millionen mal im Web dokumentiert ist, aber irgendwie bin ich absolut nicht fündig geworden. Also:
    Ich hab eine Tabelle in der sich links befinden. Ich möchte gern folgendes:
    Wenn man ein mouseover auf dem LINK oder dem TD hat, so soll sich die Hintergrundfarbe des TDs ändern. Das ist ziemlich simpel glaub ich aber ich hab schon so viele functions durchprobiert, sie funktionieren nicht. Ich wäre dankbar wenn mir jemand sagen könnte wie das funktioniert, wenn ich in IExplorer und Firefox annähernd die selben Ergebnisse haben möchte.
    Thx

  • Fup
    12
    Fup
    Mitglied
    Punkte
    1.460
    Beiträge
    291
    • 20. Juli 2005 um 16:04
    • #2

    Am einfachsten geht es, wenn man dazu die Event-Handler onMouseover="..." und onMouseout="..." verwendet. Ich spreche die Elemente immer mit ihrer id, also document.getElementById("...").* an. Wenn du das Element einmal hast, kannst du fast alle Eigenschaften lesen und auch verändern.

    http://de.selfhtml.org/ sollte dir auf jeden Fall weiterhelfen.

    mfG Fup

  • wolfskind
    2
    wolfskind
    Mitglied
    Punkte
    20
    Beiträge
    4
    • 7. März 2006 um 23:33
    • #3

    ich denke es geht auch eleganter mit css und zwar mit hover. oder funktioniert das nur mit links?

  • java-girl
    14
    java-girl
    Mitglied
    Reaktionen
    7
    Punkte
    2.037
    Beiträge
    357
    • 8. März 2006 um 20:29
    • #4
    Zitat von wolfskind

    ich denke es geht auch eleganter mit css und zwar mit hover. oder funktioniert das nur mit links?

    Es geht mit CSS, und zwar ganz einfach:

    HTML
    td:hover {
    	color: #CC6699; //Schriftfarbe
    	background-color:#CC6699;  //Hintergrundfarbe
    }

    There's no better place than 127.0.0.1!

  • maciek
    16
    maciek
    Mitglied
    Punkte
    2.805
    Beiträge
    434
    • 8. März 2006 um 23:08
    • #5
    Zitat von java-girl

    Es geht mit CSS, und zwar ganz einfach:

    HTML
    td:hover {
    	color: #CC6699; //Schriftfarbe
    	background-color:#CC6699;  //Hintergrundfarbe
    }


    bei tr:hover und td:hover gibt es Probleme beim IE. :frowning_face: Ich löse das mit onMouseOver and -Out. Und zwar am besten gleich die ganze Klasse des TDs bzw. des TRs ändern.

    *** Make it idiot proof, and someone will build a better idiot. ***

  • java-girl
    14
    java-girl
    Mitglied
    Reaktionen
    7
    Punkte
    2.037
    Beiträge
    357
    • 9. März 2006 um 18:07
    • #6
    Zitat von maciek

    bei tr:hover und td:hover gibt es Probleme beim IE. :frowning_face:

    Stimmt. Wäre mir aber ehrlich gesagt egal. Ich meine wer dieses Programm verwendet gehört sowieso geschlagen....IE ist sogar zu dumm um einen iFrame anzuzeigen :omg:

    There's no better place than 127.0.0.1!

  • Swoncen
    22
    Swoncen
    Mitglied
    Reaktionen
    1
    Punkte
    5.331
    Beiträge
    993
    • 9. März 2006 um 18:10
    • #7

    ich machs auch immer mit css und onmouseover.. funktioniert gut und bei allen bekannten browsern soviel ich weiß..

    640K ought to be enough for anybody. :eek2:

  • maciek
    16
    maciek
    Mitglied
    Punkte
    2.805
    Beiträge
    434
    • 9. März 2006 um 19:34
    • #8
    Zitat von java-girl

    Stimmt. Wäre mir aber ehrlich gesagt egal. Ich meine wer dieses Programm verwendet gehört sowieso geschlagen....IE ist sogar zu dumm um einen iFrame anzuzeigen :omg:


    über die Intelligenz von IE braucht man nicht lang diskutieren. :winking_face: Allerdings wird man bei einer halbwegs "öffentlichen" Seite nicht drum herum kommen, den IE in Betracht zu ziehen. Leider.

    *** Make it idiot proof, and someone will build a better idiot. ***

  • java-girl
    14
    java-girl
    Mitglied
    Reaktionen
    7
    Punkte
    2.037
    Beiträge
    357
    • 9. März 2006 um 19:41
    • #9

    Ja da hast du leider recht...
    Aber mir persönlich wäre so etwas wie ein MouseOver nicht so wichtig...befor ich Java Script irgendwo verwende nehme ich liebe in Kauf das die IE - User das nicht sehen können...

    There's no better place than 127.0.0.1!

  • Maximilian Rupp 27. Dezember 2024 um 12:06

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Rechtliches

Impressum

Datenschutzerklärung