Topic: overriding onClick events.

ok, so if I have an onclick event for a table row like this..how can I 'override' the <tr onclick:dothis();> and run the 'dothat();' functions in the button and the div?

Because right now if I click anything on that table row the dothis() gets called. Is there a way to disable that without removing that tr onclick?

<tr onclick="dothis();">
  <td>stuff</td>
  <td>more stuff</td>
  <td><input type=button onclick="dothat();" value="I want this function to run, not the one in the tr tag"></td>
  <td>
     <div id="someid" onclick="dothat2();" value="I want this function to run, not the one in the tr tag">
          ---some stuff in div.
     </div>
  </td>
</tr>

(Edited by protoculture on 09-19-2006 13:19)

Well, you can try this:

<input type=button onclick="return dothat();" ..>

function dothat(){
    ...
    return false;
}

Or, you can look into the W3C methods Event.stopPropagation and Event.preventDefault and the corresponding properties in iew, Event.cancelBubble and Event.returnValue.

--
var Liorean = {
abode: "http://web-graphics.com/",
profile: "http://codingforums.com/member.php?u=5798"};

any idea how I would use the "W3C methods Event.stopPropagation and Event.preventDefault and the corresponding properties in iew, Event.cancelBubble and Event.returnValue" in the above context?

have any web links?

One idea worth 12'000 links or so:
google <-- event.stoppropagation

g event.stoppropagation +explorer
even