Click event handling

[ragulin]

Helo,

I have 2 absolute positioned DIVs and the second one partly overlays the first. Each DIV has its own onclick handler. If I click the second DIV (the top one), only its handler is called. But I want the first underlying DIV handler to be also called.

The DIVs are not nested, they are brothers, like this:

[HTML]<div id="div1"></div>
<div id="div2"></div>[/HTML]

Is there any solution? Thanks

[gits]

hi ...

welcome to TSDN ...

why not call the corresponding click handler function explicitly?

kind regards

[ragulin]

hi,
this is only an example. this problem occured in more complex script, so i created this example to illustrate it. Its not possible to call click handler explicitly.

[gits]

how do you apply the handler to the divs? ...

[ragulin]

through this function (method)

this.AttachEvent = function(target, eventType, handler)
   {
      if (target.attachEvent){
         target.attachEvent("on"+eventType, handler);
      }
      else
      {
         if(target.addEventListener){
            target.addEventListener(eventType, handler, false);
         }
      }
   };

[gits]

ok ... so handler is the code for the click later on ... and now i ask again: why not call the handler explicitly? ... i assume you know when to call it? or is the page dynamically handled ... drag/drop or something else that makes the divs overlapping in some cases?