http://dynapi.sourceforge.net/
GNU LESSER GENERAL PUBLIC LICENSE
Version 2.1, February 1999
DynAPI Examples - Subclassing Events
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
// note: this library is NOT necessary for subclassing
dynapi.library.include('dynapi.functions');
var l1,l2;
l1=new DynLayer('
L1',50,50,100,100,'yellow');
l2=new DynLayer(null,250,50,100,100,'green');
l3=new DynLayer(null,250,200,100,100,'blue');
// note: click event added to l1
l1.addEventListener({
onclick:function(e){
var o=e.getSource();
o.setBgColor(dynapi.functions.getRandomColor());
}
});
// note: click event added to l2
l2.addEventListener({
onclick:function(e){
var o=e.getSource();
o.setHTML('You can\'t read this message');
}
});
dynapi.functions.subClassEvent('click',l1,sbl1);
dynapi.functions.subClassEvent('click',l2,sbl2);
// callback functions
function sbl1(e,args){
l2.setHTML('
I am L2 and I\'m in control of L1');
e.src=l2; // the click event on l1 is now controlled by l2
};
function sbl2(e,args){
var t='
I am L3 and I\'m in control of L2
'
+'X:'+e.x+' Y:'+e.y+''
l3.setHTML(t);
// stop the event from been passed to l2
return false;
}
dynapi.document.addChild(l1)
dynapi.document.addChild(l2)
dynapi.document.addChild(l3)
Click on the Yellow Layer labeled L1 then click layer labeled L2
dynapi.zip( 791 k)