"onmousedown/up" events deactivated by dynamic button

[phub11]

Hi all,

I have some onmousedown and onmouseup events that dynamically insert buttons (and input text fields) into a table. However, when I click on one of the buttons (or enter text into one of the boxes) the onmouseup and onmousedown events are no longer responsive.

Any ideas on what happening?

Thanks!

[acoder]

Without code, it's only a guess.

[phub11]

Follow-up:

I think I understand the problem... the Javascript is confused between an "onmouseup" (which is done on blank cells in a table) and button clicks (which are done within the same table but in populated cells).

Is there any way I can distinguish between the two events?

Thanks!

[acoder]

Perhaps this will help. If not, post your code.

[phub11]

Thanks for the post. I managed to get round it by having events tied to specific tables...

window.onload = function() {
//monitor mouseclicks over "mytable"
    document.getElementById("mytable").onmousedown = mouseDownHandler
    document.getElementById("mytable").onmouseup   = mouseUpHandler
    document.getElementById("mytable").ondblclick = temprun
 

[Dormilich]

this will get it a little bit faster

window.onload = function() {
    var table = document.getElementById("mytable");
    table.onmousedown = mouseDownHandler
    table.onmouseup   = mouseUpHandler
    table.ondblclick = temprun
}