nicht angemeldet
Tabellenzeile per Mausklick farblich ändern?
Hallo,
Ihr kennt doch sicherlich alle den mysqladmin, oder?
Wenn Ihr dort Browsed, d.h Euch die Datensätze einer Tabelle komplett oder selektiert anzeigen lässt, dann wird beim Überfahren der Maus die jeweilige Zeile farblich verändert. Außerdem kann per Mausklick die Zeile fest in eine andere Farbe verändert werden, ein erneuter Klick hebt es dann wieder auf.
Meine Frage nun, hat das jemand schonmal gemacht, weiß jemand wo ich mir das anschauen kann?
Ich hab schon versucht, durch das mysqladmin zu blicken, aber ehrlich gesagt, das ist mir wohl ein wenig zu kompliziert. Ich find jedenfalls nicht die entsprechenden Quelltexte heraus.
Ich danke Euch schonmal.
Eure Steffi
-
Hallo Steffi,
warum suchst Du denn nicht erst im Forum oder bei z.B. google?
Vieleicht hilft Dir das ja weiter:
http://www.google.de/search?q=onmouseover+hintergrundfarbe+tabelle+ändern&ie=UTF-8&oe=UTF-8&hl=de&meta=http://www.on-mouseover.de/bgcolor/bgcolor_tabellen.html
Viele Grüße
annA-
Hallo annA,
danke für den Hinweis, ich dachte, es wäre irgendwie einfacher, mit ein oder zwei "Befehlen" per CSS oder so.
Ich hab das jetzt soweit verstanden, als dass in jedem <td>-Tag ein Onmouseover und ein OnMouseOut definiert wird, wo dann eine Javascript-Funktion aufgerufen wird, um die Eigenschaften zu ändern.
Da dummerweise weder das <tr> noch das <td> das Attribut 'name' enthält, denke ich mir, dass ich das irgendwie mit dem GetElementsbyTagName... machen muss.
Ich habe dafür beim Aufruf der Funktion als Variable die aktuelle Zeilennummer der Tabelle mitgeschickt, also:
GetElementsbyTagName("tr")[num]Ich dachte mir, dass ich doch dann die Hintergrundfarbe der gesamten Zeile "einfach" so ändern könnte:
document.GetElementsbyTagName("tr")[num].style.bgColor = '#FF0000';
Leider nicht. Bzw. Nichts passiert.
Ich hab das ganze auch schon mal mit "td" probiert. Auch nichts.
Müsste sich da nicht wenigstens irgendwo irgendein Tabellenfeld geregt haben?Steffi
-
Hi Steffi,
bin nicht so bewandert in JavaScript.
Habe eben noch das hier gefunden:
http://www.jswelt.de/index.php?opencat=JavaScripts&kategorie=HTML-Tricks&part=trueViele Grüße
annA-
Hi annA,
hab' nun endlich ne Lösung gefunden. War sogar gaaanz einfach:
<tr onMouseOver="this.style.backgroundColor='#555555';" onMouseOut="this.style.backgroundColor='#000000';">
das war's schon. Zumindest für Mozilla-Engines und die "lieben" IEs.
Nur diesmal streikt der Opera :(Wenn noch jemand weiß warum, ich wär dankbar für nen Tip ;)
Eure Steffi
-
-
-