A
download dynapi.functions.subclassevent.html
Language: NonCode
LOC: 0
Project Info
DynAPI
Server: SourceForge
Type: cvs
...i\dynapi\dynapi3x\examples\
   datasource-paging.db
    datasource.db
    ...cross_frame_access.html
    ...me_access_-_frame1.html
    ...me_access_-_frame2.html
    ...dragdrop-collision.html
    demo.dragicon.html
    demo.dragover.html
    demo.dynlayer-attack.html
    ....dynlayer-dragdraw.html
    demo.oncontentchange.html
    demo.onlocationchange.html
    demo.slideshow.html
    demo.spaceship-circle.html
    demo.spaceship-path.html
    ...emplate.imageframe.html
    ...yndocument-addhtml.html
    ...r-anchor-anchoring.html
    ...dynlayer-anchor-ii.html
    ...-anchor-stretching.html
    ...pi.dynlayer-anchor.html
    ....dynlayer-autosize.html
    ...ynlayer-blackboard.html
    ...pi.dynlayer-create.html
    ...i.dynlayer-destroy.html
    ....dynlayer-relative.html
    ...api.dynlayer-slide.html
    ....api.ext.dragevent.html
    ....ext.inline-widget.html
    dynapi.api.ext.inline.html
    ....api.ext.keyevents.html
    ...pi.ext.tabmanager1.html
    ...pi.ext.tabmanager2.html
    dynapi.api.mouseevent.html
    ...ment.capturehotkey.html
    ...unctions.fadecolor.html
    ...functions.getimage.html
    dynapi.functions.html
    ...ctions.imageloader.html
    ...ions.subclassevent.html
    dynapi.fx.bezier.html
    dynapi.fx.circleanim.html
    dynapi.fx.fader.html
    dynapi.fx.flashsound.html
    dynapi.fx.glideanim.html
    dynapi.fx.hover.html
    dynapi.fx.motionx.html
    dynapi.fx.pathanim.html
    dynapi.fx.slideanim.html
    dynapi.fx.snapx.html
    dynapi.fx.swiper.html
    dynapi.fx.textanim.html
    dynapi.fx.timerx.html
    ...rdermanager-boxfix.html
    ...ordermanager-inner.html
    ...ordermanager-outer.html
    ...rdermanager-random.html
    dynapi.gui.button.html
    dynapi.gui.checkbox.html
    dynapi.gui.explorer.html
    ...i.gui.focusmanager.html
    dynapi.gui.graphics.html
    ...i.gui.groupmanager.html
    ...pi.gui.highlighter.html
    dynapi.gui.htmlbutton.html
    ...i.gui.htmlcalendar.html
    ...i.gui.htmlcheckbox.html
    dynapi.gui.htmlclock.html
    ...ui.htmlcolorpicker.html
    ....gui.htmlcontainer.html
    ...gui.htmldatepicker.html
    ...i.htmldropdownmenu.html
    dynapi.gui.htmlfile.html
    ....gui.htmlhyperlink.html
    ...pi.gui.htmllistbox.html
    ...ui.htmlmenu-images.html
    ...htmlmenu-startmenu.html
    dynapi.gui.htmlmenu.html
    ...ui.htmlprogressbar.html
    ...ui.htmlradiobutton.html
    ...i.gui.htmlrollover.html
    ...i.gui.htmltextarea.html
    ...pi.gui.htmltextbox.html
    dynapi.gui.imageclip.html
    dynapi.gui.knob.html
    dynapi.gui.label.html
    dynapi.gui.list.html
    dynapi.gui.listbox.html
    dynapi.gui.loadpanel.html
    dynapi.gui.marquee.html
    ...i.panelbar-stacker.html
    ...pi.gui.progressbar.html
    ...pi.gui.radiobutton.html
    dynapi.gui.scrollbar.html
    ...emplatemanager-htc.html
    ...ui.templatemanager.html
    dynapi.gui.tree.html
    ....viewpane-explorer.html
    ...viewpane-loadpanel.html
    dynapi.gui.viewpane.html
    dynapi.library-file1.js
    dynapi.library-file2.js
    dynapi.library-load.html
    dynapi.util.cookie.html
    ...atasource-acronyms.html
    ...il.datasource-forms.asp
    ...l.datasource-forms.html
    ...l.datasource-paging.asp
    ....datasource-paging.html
    ...atasource-testfile.html
    ...pi.util.datasource.html
    ...pi.util.filereader.html
    dynapi.util.filereader.xml
    ...ement-dynamic-code.html
    ...ement-dynamic-data.html
    ...til.ioelement-post.html
    ...lement-postresponse.asp
    ...lement-postresponse.php
    ...element-postresponse.pl
    ...lement-soda-calc-js.asp
    ...ement-soda-calc-vbs.asp
    ...ioelement-soda-calc.php
    ...oelement-soda-sync.html
    ...ment-soda-tester-vb.asp
    ...lement-soda-tester.html
    ...element-soda-tester.php
    ...til.ioelement-soda.html
    ...ioelement-testfile.html
    ...il.ioelement-upload.asp
    ...l.ioelement-upload.html
    ...il.ioelement-upload.php
    dynapi.util.ioelement.html
    ....util.stringbuffer.html
    ioelmsrv.jscript.asp
    ioelmsrv.php
    ioelmsrv.pl
    ioelmsrv.pm
    ioelmsrv.soda.jscript.asp
    ioelmsrv.soda.php
    ioelmsrv.soda.pl
    ioelmsrv.soda.vbscript.asp
    ioelmsrv.vbscript.asp
    speedtest.button.html
    speedtest.checkbox.html
    ...est.dynlayer-basic.html
    ...dynlayer-deep_nest.html
    ....dynlayer-oncreate.html
    ...yer-setclass-basic.html
    ...-basic-blueprint_def.js
    ...-basic-blueprint_ns4.js
    ...r.inline-basic-dom.html
    ...layer.inline-basic.html
    ...line-deep_nest-dom.html
    ...etcontentwidth.dom.html
    speedtest.knob.html
    speedtest.listbox.html
    speedtest.radiobutton.html
    speedtest.scrollbar.html
    ...reatewidget.button.html
    upload.asp
 

<html>
<head>
<title>DynAPI Examples - Subclassing Events</title>
<script language="JavaScript" src="../src/dynapi.js"></script>
<script language="Javascript">
	dynapi.library.setPath('../src/');
	dynapi.library.include('dynapi.api');

	// note: this library is NOT necessary for subclassing
	dynapi.library.include('dynapi.functions');

</script>
<script language="Javascript">
	var l1,l2;

	l1=new DynLayer('<p align="center"><br>L1</p>',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('<p align="center"><font size="2" face="arial"><br>I am L2 and I\'m in control of L1</font></p>');
		e.src=l2; // the click event on l1 is now controlled by l2
	};
	function sbl2(e,args){
		var t='<p align="center"><font size="2" face="arial" color="white"><br>I am L3 and I\'m in control of L2<br>'
		+'X:'+e.x+' Y:'+e.y+'</font></p>'
		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)

</script>
</head>
<body>
Click on the Yellow Layer labeled L1 then click layer labeled L2
</body>
</html>

About Koders | Resources | Downloads | Support | Black Duck | Terms of Service | DMCA | Privacy Policy | Contact Us