Tabellenspalte bei :hover markieren
bearbeitet von Gunnar Bittersmann@@Matthias Apsel
> ~~~js, bad
> $('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.
> Wie würde man das umsetzen?
☞ [Codepen](https://codepen.io/gunnarbittersmann/pen/QWWQGZx?editors=0010)
Anders als Felix habe ich *event delegation*{:@en} verwendet. Genau wie Felix verwende ich eine Eventhandler-Funktion.
LLAP 🖖
--
*„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“
„Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“*
—Marc-Uwe Kling
Tabellenspalte bei :hover markieren
bearbeitet von Gunnar Bittersmann@@Matthias Apsel
> ~~~js, bad
> $('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.
> Wie würde man das umsetzen?
☞ [Codepen](https://codepen.io/gunnarbittersmann/pen/QWWQGZx?editors=0010)
Anders als Felix habe ich *event delegation*{:@en} verwendet.
LLAP 🖖
--
*„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“
„Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“*
—Marc-Uwe Kling