Moin.
Nun die grosse Frage ist da bei JEDEM TR Element auf einer Seite dies stehen muss würde ich dies gerne in CSS definieren, doch wie definiere ich dies in CSS??
Mit CSS hat das nichts zu tun, aber mit JavaScript lässt sich das bewerstelligen.
Ich würde dir zur Nutzung von Event-Delegation raten: click
ist ein bubbling event, d.h. du kannst den Event-Handler einem übergeorneten Element - wie z.B. document
- zuweisen (per document.addEventListener()
bzw. document.attachEvent()
für IE). Dort überprüfst du dann, ob es sich bei der Event-Quelle (event.target
bzw. event.srcElement
im IE) um ein tr
-Element handelt.
Möchtest du dich nicht mit den Browser-Inkompatibilitäten herumschlagen, nutze eines der JS-Frameqorks (jQuery, Prototype, Mootools,...).
Ich persönlich habe mir mal was eigenes gebastelt. Damit sähe der relevante Code dann wir folgt aus:
capture('click', 'tr', function() { HighLightTR(this); });
Christoph