Koders Code Search: demo.dynlayer-dragdraw.html

download

demo.dynlayer-dragdraw.html
Language: NonCode
LOC: 0

Project Info
DynAPI
Server: SourceForge
Type: cvs

$SourceForge\d\dynapi\dynapi\dynapi3x\examples\$ ...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 - DynLayer Drag-n-Draw </title>
<script language="JavaScript" src="../src/dynapi.js"></script>
<script language="Javascript">
	dynapi.library.setPath('../src/');
	dynapi.library.include('dynapi.api');
	dynapi.library.include('dynapi.api.ext.DragEvent');
</script>
<script language="Javascript">
	var l1 = new Array();
	var counter = 0;
	var clicked = false;
	var color = 'black';
	var into = false;

	dynapi.document.setTextSelectable(false);

	var docMouseUp = {
		onmouseup : function(e){
			clicked = false;
		}
	}

	var gridMouseListener =	{
		onmouseover : function(e) {
			if(clicked==true) {
				var s = e.getSource();
				s.setBgColor(color);
			}
		},

		onmouseout : function(e) {
			into = false;
		},

		onmousedown : function(e) {
			var source = e.getSource();
			source.setBgColor(color);
			clicked = true;
		},

		onclick : function(e) {
			var s = e.getSource();
			s.setBgColor(color);
		},

		onmouseup : function(e) {
			clicked = false;
		}

	};

	var lines = 0;
	var constspace = 80;
	for(counter=0; counter < 200;counter++) {
		if((counter%20==0) && counter!=0) {
			lines++;
		}

		l1[counter] = new DynLayer();
		l1[counter].setBgColor('gray');
		l1[counter].setSize(30, 30);
		l1[counter].setLocation(50+((counter%20)*30), 30*lines+constspace);
		l1[counter].addEventListener(gridMouseListener);
		dynapi.document.addChild(l1[counter]);
	}

	dynapi.document.addEventListener(docMouseUp);

	function setColor(col) {
		color = col;
	}
</script>
</head>
<body>
<script>
	dynapi.document.insertAllChildren();
</script>
<table border="0">
  <tr>
    <td bgcolor="#FFFFFF">&nbsp;</td>
    <td>
<a href="javascript:setColor('white')">white</a>
      &nbsp;</td>
    <td bgcolor="#000000">&nbsp;</td>
    <td>
<a href="javascript:setColor('black')">black</a>
    </td>
    <td bgcolor="#008000">&nbsp;</td>
    <td>
<a href="javascript:setColor('green')">green</a>
      &nbsp;</td>
    <td bgcolor="#FFFF00">&nbsp;</td>
    <td>
<a href="javascript:setColor('yellow')">yellow</a>
      &nbsp;</td>
    <td bgcolor="#0000FF">&nbsp;</td>
    <td>
<a href="javascript:setColor('blue')">blue</a>
      &nbsp;</td>
    <td bgcolor="#FF0000">&nbsp;</td>
    <td>
<a href="javascript:setColor('red')">red</a>
      &nbsp;</td>
  </tr>
  <tr>
    <td colspan="12">Select a color then click and draw inside the gray area</td>
  </tr>
</table>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;
</p>
</body>
</html>