Snipplr

(jQuery) Making a table row clickable while preserving the function of additional links - theOtherOne

Sat, 09 Oct 2010 03:00:03 GMT

First: clicking on a table row forwards you to the URL given in the first As href attribute. ------ Second: clicking on a link inside the row triggers the default action **AND** a click event on the table row. This needs to be stopped, so the default action is replaced by our own and propagation to higher elements is stopped. ----- Nice to have: Hand cursor when hovering over a table row. CSS!

(JavaScript) click on an element across browsers - noah

Fri, 20 Jul 2007 18:08:37 GMT

If you have assigned an event handler to a container, you might want to remotely trigger it as if a child of the container had been clicked. That is, you might want to manually set the target of the 'event' object that is passed to the event handler on the container. This helps to keep the number of event handlers down.

(JavaScript) Stop event propagation (stop an event from bubbling up) - noah

Wed, 06 Jun 2007 12:09:40 GMT

This is useful if I have an element that is inside a container, and I want to the element's event handler to fire without triggering the container's event handler. Then I would wrap the element's event handler function with this code. See "PPK On JavaScript," pp. 315 and 323.