Ajax Layer JavaScript DHTML

  1. Home
  2. JavaScript DHTML
  3. Ajax Layer
  4. Get layer mouse click event
http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999


Click Event & setHTML()


  dynapi.library.setPath('./dynapisrc/');
  dynapi.library.include('dynapi.api');
  dynapi.library.include('dynapi.functions');
  dynapi.library.include('dynapi.library');
  dynapi.library.include('dynapi.api.ext.DragEvent');


  var t='
Hello
';
  var lyr = dynapi.document.addChild(new DynLayer(t,100,100));
  e={
    onmousedown:function(e){
      var o=e.getSource();
      o.setHTML('
DOWN
');
    },
    onmouseup:function(e){
      var o=e.getSource();
      o.setHTML('
UP
');
    },
    onclick:function(e){
      var o=e.getSource();
      o.setHTML('
CLICK
');
    }
  }
  lyr.addEventListener(e);



When the layer in the following example is clicked the mouse down event is fired and setHTML() 
is called. When the mouse is released the mouse up event is fired and setHTML() is called, but 
the click event was not triggered.


           
       
dynapi.zip( 791 k)