Drag and Drop with flash actionscript

Posted by druva | Flash, as3, utils | Friday 11 December 2009 5:25 am

The below code shows how to use the class


import flash.display.*;
import flash.events.MouseEvent;

//nameforDrag.text = "Drag this colored circles and drop into black circle";
var cRed:Sprite;
var cGreen:Sprite;
var cBlue:Sprite;
var cPink:Sprite;
var cBlack:Sprite;
var startPoint:Point;

function drag( event:MouseEvent ):void {
  startPoint = new Point(  );
  startPoint.x = event.target.x;
  startPoint.y = event.target.y;

  event.target.startDrag(  );
  setChildIndex( DisplayObject( event.target ), numChildren - 1 );
}

function target( event:MouseEvent ):void {
  event.target.stopDrag(  );

  if ( event.target.dropTarget == cBlack ) {
	var color:uint;
	switch ( event.target ) {
	  case cRed: color = 0xFF0000; break;
	  case cGreen: color = 0x00FF00; break;
	  case cBlue: color = 0x0000FF; break;
	  case cPink: color = 0xFF00FF; break;
	}

	cBlack.graphics.clear(  );
	cBlack.graphics.beginFill( color );
	cBlack.graphics.drawCircle( 100, 100, 50);
	cBlack.graphics.endFill(  );
  }

  event.target.x = startPoint.x;
  event.target.y = startPoint.y;
}

function dragAndDrop(  ) {
  cRed = new Sprite(  );
  cRed.graphics.beginFill( 0xFF0000 );
  cRed.graphics.drawCircle( 20, 15, 10);
  cRed.graphics.endFill(  );

  cGreen = new Sprite(  )
  cGreen.graphics.beginFill( 0x00FF00 );
  cGreen.graphics.drawCircle( 50, 15, 10);
  cGreen.graphics.endFill(  );

  cBlue = new Sprite(  );
  cBlue.graphics.beginFill( 0x0000FF );
  cBlue.graphics.drawCircle( 80, 15, 10);
  cBlue.graphics.endFill(  );

  cPink = new Sprite(  );
  cPink.graphics.beginFill( 0xFF00FF );
  cPink.graphics.drawCircle( 110, 15, 10);
  cPink.graphics.endFill(  );

  cBlack = new Sprite(  );
  cBlack.graphics.beginFill( 0x000000 );
  cBlack.graphics.drawCircle( 100, 100, 50);
  cBlack.graphics.endFill(  );

  addChild( cRed );
  addChild( cGreen );
  addChild( cBlue );
  addChild( cPink );
  addChild( cBlack );  

  cRed.addEventListener( MouseEvent.MOUSE_DOWN, drag );
  cRed.addEventListener( MouseEvent.MOUSE_UP, target );

  cGreen.addEventListener( MouseEvent.MOUSE_DOWN, drag );
  cGreen.addEventListener( MouseEvent.MOUSE_UP, target );

  cBlue.addEventListener( MouseEvent.MOUSE_DOWN, drag );
  cBlue.addEventListener( MouseEvent.MOUSE_UP, target );

  cPink.addEventListener( MouseEvent.MOUSE_DOWN, drag );
  cPink.addEventListener( MouseEvent.MOUSE_UP, target );
}

dragAndDrop();

(more…)

, , , , ,
 

How to Get Values from popup to parent

Posted by druva | HTML, JS, utils | Wednesday 9 December 2009 7:19 am

The requirement is
I had a button wen i click it a popup window will display with some values.
I have to select those values. the selected values must display in the parent window.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

 <body>

 <form>

 <table border=1>
 <th>Name</th>
 <th>Country</th>
 <tr>
 <td><input id="name" name="name" /></td>
 <td><input id="country" name="country" /></td>
 </tr>
 </table>

 <input type="button" name="choice" onClick="window.open('popup.html','popuppage',' width=350,toolbar=1,resizable=1,scrollbars=yes, height=300,top=100,left=100');" value="Add">

 </form>

 </body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 <head>

 <SCRIPT LANGUAGE="JavaScript">
 <!-- Begin
 function sendValue (n, c){
 var name = n.value;
 var country = c.value;
 window.opener.document.getElementById('name').value = name;
 window.opener.document.getElementById('country').value = country;
 window.close();
 }
 //  End -->
 </script>

 </head>
 <body>

 <form name="selectform">

 <table width="250">

 <tr>
 <td>
 Enter your name:
 </td>
 <td>
 <input type="text" name="name" id="name">
 </td>
 </tr>

 <tr>
 <td>
 Select your country:
 </td>
 <td>
 <select name="country">
 <option value="India">India</option>
 <option value="United States">United States</option>
 <option value="United Kingdom">United Kingdom</option>
 <option value="Germany">Germany</option>
 <option value="France">France</option>
 </select>
 </td>
 </tr>

 <tr>
 <td>
 <input type=button value="submit" onClick="sendValue(this.form.name, this.form.country);">
 </td>
 </tr>

 </table>

 </form>

 </body>
</html>
, , ,
 

create gradientbox and how to fill gradientbox using action script

Posted by druva | Flash, as3, utils | Wednesday 2 December 2009 11:09 am 

var gradientColors:Array = [0xFF00FF,0x33CCCC];
var gradientAlphas:Array = [1,1];
var gradientRatios:Array = [0,255];

var matrix:Matrix = new Matrix();
matrix.createGradientBox(120, 120, 45);
graphics.beginGradientFill(GradientType.RADIAL, gradientColors, gradientAlphas, gradientRatios, matrix);
graphics.drawCircle(60, 60, 60);
, , ,
 

draw circle with gradient style using action script

Posted by druva | Flash, as3, utils | Tuesday 1 December 2009 10:12 am 

var circle:Shape = new Shape();
addChild(circle);
circle.x = circle.y = 150;
circle.graphics.lineStyle(40);

var gradientColors:Array =
	[
		 0xFF0000,
		 0xFFFF00,
		 0xFF00FF,
		 0xFF6600,
		 0x00FFFF,
		 0x2E0854,
		 0x8F5E00,
		 0x8F5E99,
		 0xFFFF00,
		 0xFF00FF,
		 0xFF6600
	];
var gradientAlphas:Array = [1,1,1,1,1,1,1,1,1,1,1];
var gradientRatios:Array = [0,25,50,75,100,125,150,175,200,225,250];

circle.graphics.lineGradientStyle(GradientType.LINEAR, gradientColors, gradientAlphas, gradientRatios);

circle.graphics.drawCircle(-10, -10, 100);

This movie requires Flash Player 9

, , , , ,
 
« Previous Page