Rahmen nur um ausgefüllte Zellen einer dynamisch erstellten Tabelle
bearbeitet von
@@Gunnar Bittersmann
> @@Hi72
>
> > ~~~Javascript
> > tabelle.rows[pse[i*6+3]].cells[pse[i*6+4]].onclick=function(){myFunction(this);
> > }
> > ~~~
> >
> > Das funktioniert auch ganz gut.
>
> Außer dass es **nicht** funktioniert. Funktioniert im Sinne von: funktioniert bei **allen**.
>
> Tabellenzellen sind keine interaktiven Elemente, mit Tastatursteuerung kann man sie nicht anwählen.
>
> Wenn du eine JavaScript-Funktion aufrufen willst, musst du in jeder Tabellenzelle jeweils einen `<button>`{: .language-html} dafür vorsehen.
>
> Das `click`-Event registrierst du am besten für die ganze Tabelle und fragst dann ab in Eventhandlerfunktion ab, welches Element das Click-Ereignis ausgelöst hat. _(event delegation)_{: @en}
>
> Sieht so aus: [CodePen](http://codepen.io/gunnarbittersmann/pen/VpZmNV?editors=1111)
>
> LLAP 🖖
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)