Get layer mouse click event : Mouse : Ajax Layer JAVASCRIPT DHTML TUTORIALS


JAVASCRIPT DHTML TUTORIALS » Ajax Layer » Mouse »

 

Get layer mouse click event




http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999
<html>
<head>
<title>Click Event & setHTML()</title>
<script language="JavaScript" src="./dynapisrc/dynapi.js"></script>
<script language="Javascript">
  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');
</script>
<script language="Javascript">
  var t='<table bgcolor="yellow" border="0" width="100" height="100"><tr><td align="center" valign="middle"><table><tr><td>Hello</td></tr></table></td></tr></table>';
  var lyr = dynapi.document.addChild(new DynLayer(t,100,100));

  e={
    onmousedown:function(e){
      var o=e.getSource();
      o.setHTML('<table bgcolor="yellow" border="0" width="100" height="100"><tr><td align="center" valign="middle"><table><tr><td>DOWN</td></tr></table></td></tr></table>');
    },
    onmouseup:function(e){
      var o=e.getSource();
      o.setHTML('<table bgcolor="yellow" border="0" width="100" height="100"><tr><td align="center" valign="middle"><table><tr><td>UP</td></tr></table></td></tr></table>');
    },
    onclick:function(e){
      var o=e.getSource();
      o.setHTML('<table bgcolor="yellow" border="0" width="100" height="100"><tr><td align="center" valign="middle"><table><tr><td>CLICK</td></tr></table></td></tr></table>');
    }
  }
  lyr.addEventListener(e);
</script>
</head>
<body>
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.
</body>
</html>
           
       

Download : Download nav_dynapi.zip nav_dynapi.zip


-

Leave a Comment / Note


 
Verification is used to prevent unwanted posts (spam). .

Follow Navioo On Twitter

JAVASCRIPT DHTML TUTORIALS

 Navioo Ajax Layer
» Mouse