Gunnar Bittersmann: Rahmen nur um ausgefüllte Zellen einer dynamisch erstellten Tabelle

Beitrag lesen

@@Hi72

	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> 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)

Sieht so aus: CodePen

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory