Tabellenspalte bei :hover markieren

[Matthias Apsel]

Hallo Gunnar Bittersmann,

$('td:not([colspan]), thead th').mouseover(function(){
  markColumn(this,'#fff8dc');
});
$('td:not([colspan]), thead th').mouseout(function(){
  markColumn(this,'');

Von jQuery mal abgesehen ist das auch grottenschlecht, weil es Logik und Präsentation vermischt. Die Angabe der Farbe hat im Script nichts zu suchen, sondern gehört ins Stylesheet.

Ja, das stimmt.

Wie würde man das umsetzen?

☞ Codepen

Auch nett.

Anders als Felix verwende ich event delegation. Genau wie Felix verwende ich eine Eventhandler-Funktion für mouseover und mouseout.

Ist das Highlighting ein nettes Obendrauf (Obers, wie die Össis sagen) oder soll das auch bei Tastaturbedienung sein (wenn die Zellen denn interaktive Elemente wären?

Ich würde es als Obers sehen.

Bis demnächst
Matthias