HTML Tabelle Zeilen mousover - einfach farbwechsel ?

Cyberbob_at_tot · 07.06.2005, 16:04

Hallo zusammen,
ich habe gerade bei phpmyadmin gesehen, das die Tabellenzeilen einen Mouseover efekt haben. Wie kann ich dieses realisieren ?
sorry totaler anfänger und kenie Ahnung wie ich vorgehen kann!
habt ihr vorschläge ?

BIG THX

Cyberbob

07.06.2005, 16:06

Code:

<td onmouseover="this.style.backgroundcolor='green'">

Teste das mal. Eine Lösung ohne JS habe ich jetzt nicht parat. Wenn du wieder mit der Maus rausgehst brauchst du onmouseout, aber das packst du denke ich.

07.06.2005, 16:09

Beim Firefox kannst css benutzen.

Code:

td.hover {color:red; border:1em solid black;}

Klappt allerdings nicht beim IE

Cyberbob_at_tot · 07.06.2005, 16:27

@Matthias959
sollte schon überall funktionieren

@Michigras
muss ich dann ein JS draus machen ?
einfach so in den HTML code funktioniert es leider nicht!

Buhmann · 07.06.2005, 17:27

wenn du die ganze zeile highlighten willst, musst du's sowieso ins tr schreiben.
desweiteren heißt das attribut background statt backgroundcolor

Code:

<tr onmouseover="this.style.background='#FF0000';" onmouseout="this.style.background='#FFFFFF';">

Cyberbob_at_tot · 07.06.2005, 17:47

@Buhmann
super, das klapp wunderbar! besten dank!

Cyberbob_at_tot · 07.06.2005, 18:59

doof ist nun aber, dass er den normalen background erst nimmt wenn ich mit der Mous drüber war! das ist scheiße, woher kommt das ?

PHP-Code:

  <?php

echo"<tr  bgcoler=\"$color\" onmouseover=\"this.style.background='#999999';\" onmouseout=\"this.style.background='$color';\">";

?>

Edit: Ups da hat sich ein schreibfehler eingeschlichen, dann gehts!
bgcolor

07.06.2005, 19:08

Zitat:

Zitat von Buhmann

desweiteren heißt das attribut background statt backgroundcolor

Nein. Es gibt zwar background, aber es gibt auch backgroundColor. Das C muss nur groß geschrieben werden, sorry.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
MySQL und html Tabelle	sven88	PHP Tipps 2008	10	12.05.2008 17:31
Verschiedene Werte in verschiedene Zeilen in eine Tabelle einfügen	Heizkessel	PHP Tipps 2008	4	15.02.2008 13:53
CSV Export einer HTML Tabelle	Relico	PHP Tipps 2008	1	04.02.2008 11:20
SWiki, weil einfach einfach einfach ist.	b++	Beitragsarchiv	0	06.10.2007 19:07
Ganz einfach?! "Alle Bilder einer Tabelle ausgeben lass	Mach!N3	PHP Tipps 2006	8	05.06.2006 22:13
Problem mit Anzeige einer Tabelle mit dem Firefox?		HTML, Usability und Barrierefreiheit	8	28.11.2005 15:08
[Erledigt] html Tabelle mit scrollbars		HTML, Usability und Barrierefreiheit	16	09.04.2005 12:54
Mysql Zeilen in Tabelle beschränkt		Datenbanken	9	09.03.2005 23:46
Nicht alle Zeilen einer Tabelle auslesen	pc-freak	Datenbanken	2	11.02.2005 12:07
HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
Word Tabelle direkt in HTML Datei einfügen	nsane	HTML, Usability und Barrierefreiheit	7	28.12.2004 09:02
Auslesen mySQL tabelle und ausgabe als html	Calli	PHP Tipps 2004-2	3	21.12.2004 16:51
Formular - Tabelle hat n zeilen mit zu übergebenden werten		PHP Tipps 2004	2	09.07.2004 20:50
imgs in tabelle zeilen mit fliesendem übergang		HTML, Usability und Barrierefreiheit	2	22.06.2004 13:35
HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45

07.06.2005, 16:04
Cyberbob_at_tot Erfahrener Benutzer Registriert seit: 30.05.2005 Beiträge: 222 PHP-Kenntnisse: Fortgeschritten	HTML Tabelle Zeilen mousover - einfach farbwechsel ? Hallo zusammen, ich habe gerade bei phpmyadmin gesehen, das die Tabellenzeilen einen Mouseover efekt haben. Wie kann ich dieses realisieren ? sorry totaler anfänger und kenie Ahnung wie ich vorgehen kann! habt ihr vorschläge ? BIG THX Cyberbob __________________ ********************************* The only winning move is not to play! *********************************


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.06.2005, 16:06
Gast Beiträge: n/a	Code: <td onmouseover="this.style.backgroundcolor='green'"> Teste das mal. Eine Lösung ohne JS habe ich jetzt nicht parat. Wenn du wieder mit der Maus rausgehst brauchst du onmouseout, aber das packst du denke ich.

07.06.2005, 16:09
Matthias959 Gast Beiträge: n/a	Beim Firefox kannst css benutzen. Code: td.hover {color:red; border:1em solid black;} Klappt allerdings nicht beim IE

07.06.2005, 16:27
Cyberbob_at_tot Erfahrener Benutzer Registriert seit: 30.05.2005 Beiträge: 222 PHP-Kenntnisse: Fortgeschritten	@Matthias959 sollte schon überall funktionieren @Michigras muss ich dann ein JS draus machen ? einfach so in den HTML code funktioniert es leider nicht! __________________ ********************************* The only winning move is not to play! *********************************

07.06.2005, 17:27
Buhmann Erfahrener Benutzer Registriert seit: 20.01.2005 Beiträge: 1.557 PHP-Kenntnisse: Fortgeschritten	wenn du die ganze zeile highlighten willst, musst du's sowieso ins tr schreiben. desweiteren heißt das attribut background statt backgroundcolor Code: <tr onmouseover="this.style.background='#FF0000';" onmouseout="this.style.background='#FFFFFF';">

07.06.2005, 17:47
Cyberbob_at_tot Erfahrener Benutzer Registriert seit: 30.05.2005 Beiträge: 222 PHP-Kenntnisse: Fortgeschritten	@Buhmann super, das klapp wunderbar! besten dank! __________________ ********************************* The only winning move is not to play! *********************************

07.06.2005, 18:59
Cyberbob_at_tot Erfahrener Benutzer Registriert seit: 30.05.2005 Beiträge: 222 PHP-Kenntnisse: Fortgeschritten	doof ist nun aber, dass er den normalen background erst nimmt wenn ich mit der Mous drüber war! das ist scheiße, woher kommt das ? PHP-Code: `<?php echo"<tr bgcoler=\"$color\" onmouseover=\"this.style.background='#999999';\" onmouseout=\"this.style.background='$color';\">"; ?>` Edit: Ups da hat sich ein schreibfehler eingeschlichen, dann gehts! bgcolor __________________ ********************************* The only winning move is not to play! *********************************