Rahmen nur um ausgefüllte Zellen einer dynamisch erstellten Tabelle bearbeitet von Gunnar Bittersmann 22.02.2017 13:32 @@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.> >Um Wdenn du Feinhler JavaScrsipt-Funkchtion baufr zuf machen, whabe illst,ch musst du.a. in jedinerm TabelStylenzshellet jzu stehewn:~~~css:root{ --eirror-colsor: reind; --en `<brror-outtolin>`{e: 0.languag5re-htm sol} idafür voars(--ehen.rror-color);> }> Das `[onclick`-Eve]:not(a):not(button):not reg(isnputriers):not([t du am bindesx]),[onclick][teabin für die x^="-"],[ng-click]:not(a):nze Taot(belle und fragstt daon):n ab ot(in Eveput):noth([tabindlerfux]),[ng-click][tion ab, welches Elemeint dasex^="-"]{ ERROR: Cclick-Event füreig nischt afokusgsielörbarest hat. _(Elevment de; outlineg: var(--error-outlione)_{: @e!important;}>~~~LLAP 🖖>PS: Welche Sipracheht musos maus:n [CodangePben](ht, damitp://co deper Syn.tax-Hio/gunnarbhlitghtersma inn/p CSS-Code kein/VpZmNV?editors=1111)> > LLAProten 🖖LLAPKästchen 🖖malt?-- “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)
Rahmen nur um ausgefüllte Zellen einer dynamisch erstellten Tabelle bearbeitet von Gunnar Bittersmann 22.02.2017 13:59 @@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)
nicht angemeldet nicht angemeldet
