EKKi: Generierte Tabelle wird verschben angezeigt

Beitrag lesen

Mahlzeit Jonny F.,

$countHl++;
  echo "<tr".($countHl%2==1?" style='background-color:#F1F5FC;'":"")." onMouseOver="this.bgColor='#6E9CE6'" onMouseOut="this.bgColor='".($countHl%2==1?" style='background-color:#F1F5FC;'":"")."'">";


> kann mir jemand sagen warum der fetz nicht funktioniert.  
  
"Funktioniert nicht" [funktioniert nicht](http://forum.de.selfhtml.org/hilfe/charta.htm#tipps-fuer-fragende).  
  
  

> Dieses Konstrukt ist in einer while-Schleife, es soll die generierten Zeilen abwechselnd farbig hinterlegen.  
  
Und wenn sich die Farben ändern, dann willst Du Dich jedesmal durch den Programmcode quälen und die x Stellen ändern?  
  
Sinnvollerweise solltest Du einfach den [ungeraden](http://dict.leo.org/ende?lp=ende&lang=de&searchLoc=0&cmpType=relaxed&sectHdr=on&spellToler=on&chinese=both&pinyin=diacritic&search=ungerade&relink=on) Zeilen eine entsprechende semantisch passende Klasse verpassen - den Rest macht CSS dann für Dich:  
  
~~~css
tr.odd {  
  background-color: #F1F5FC;  
}

Nebenbei soll es aber auch noch bei einen Mouse-Over die Hintergrundfarbe ändern und beim verlassen wieder zurück setzten.

Vernünftige Browser kennen dafür die Pseudoklasse http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=:hover, so dass ein simples ...

tr:hover {  
  background-color: #6E9CE6;  
}

... vollkommen ausreicht.

IrgendEinem Browser musst Du in der Tat mit passenden Javascript-Events auf die Sprünge helfen - aber auch da wäre es erheblich sinnvoller, eine entsprechende http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#universaleigenschaften@title=Klasse zu http://de.selfhtml.org/javascript/sprache/operatoren.htm#zeichenkettenverknuepfung@title=setzen bzw. zu http://de.selfhtml.org/javascript/objekte/string.htm#replace@title=entfernen. Wenn Du dann noch Dein CSS entsprechend erweiterst ...

tr:hover,  
tr.hover {  
  background-color: #6E9CE6;  
}

... steht einem Browser-übergreifenden Funktionieren nichts mehr im Wege.

MfG,
EKKi

--
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|