Web Standard

XML Data into Data Grid in AS3

htmlslicing — Thu, 19 Aug 2010 12:03:06 +0000

Step 1 : drag DataGrid Component into stage and delete it.

Step1. Paste below code

import fl.data.DataProvider;
import fl.controls.DataGrid;
import fl.controls.dataGridClasses.DataGridColumn;

var xmlLoader:URLLoader = new URLLoader();
var xmlData:XML = new XML();

xmlLoader.addEventListener(Event.COMPLETE, LoadXML);

xmlLoader.load(new URLRequest(“sampleXML.xml”));

function LoadXML(e:Event):void {
xmlData = new XML(e.target.data);
ParseBooks(xmlData);
}

function ParseBooks(bookInput:XML):void {
trace(“XML Output”);
trace(“————————”);

var titleList:XMLList=bookInput.Book.title;
var authorList:XMLList=bookInput.Book.author;

var dp:DataProvider=new DataProvider(xmlData);

var dg:DataGrid = new DataGrid();
dg.setSize(400, 300);
dg.editable=false;

var col:DataGridColumn;
col = dg.addColumn(“Author”);
col.dataField =”author”;
col = dg.addColumn(“Title”);
col.dataField =”title”;
dg.dataProvider=dp;

addChild(dg);
}

3. Make xml file (sampleXML.xml)

Sherlock Holmes :Complete Novels …
Sir Arthur Conan Doyle
2010/10/12

The Great Gatsby
F. Scott Fitzgerald
2010/10/14

Undaunted Courage
Stephen E. Ambrose
2010/10/20

Nothing Like It In the World
Sir Arthur Conan Doyle
2010/10/30

4.Run Program

Creating Object in looping in AS3

htmlslicing — Mon, 07 Jun 2010 12:55:08 +0000

Here, I have made some code stuff which could create object looping and can access each object’s property from outside of loop

// importing reated files
import flash.display.Sprite;
import flash.text.TextField;

// Varial declearation
var answer:Array=new Array();
var ansGroup:Array=new Array();
var options:Sprite=new Sprite();

answer[0]=["nepal","china","bhutan","usa"];
answer[1]=["Lichi","mango","banana","apple"];
answer[2]=["sunday","monday","tuesday","saturday"];
answer[3]=["cat","lion","monkey","donkey"];

for(var i:Number=0; i<4; i++){
// making object
var myTextField:TextField=new TextField();

// Setting property of created object
myTextField.x=i*130;
myTextField.y=25;
myTextField.width=120;
myTextField.height=25;
myTextField.text=answer[0][i];
myTextField.border=true;

// put into ansGroup Array
ansGroup.push(myTextField);

// put into displaycontainer options
options.addChild(myTextField);

}
// Setting displaycontainer property of x and y position
options.y=100;
options.x=25;

// displaying displayContainer
addChild(options);

Combo Box Component in AS3

htmlslicing — Wed, 02 Jun 2010 04:23:15 +0000

Please drag comboBox from componet and set parameter true for editable parameter.

import fl.data.DataProvider;
import fl.events.ComponentEvent;
var count:Number=0;
var myArray:Array=[
{label:"Nepal", data:"nepal"},
{label:"Dhoti", data:"dhoti"},
{label:"USA", data:"usa"}

];
cm.dataProvider=new DataProvider(myArray);
/*
For dynamic addValue into combo list we have this simple addItemAt function
cm.addItemAt({label:”xx”, data:”xx”}, comboBoxIndex);

Ex :
cm.addItemAt({label:”Nepal”, data:”nepal”},0);
*/

How to make Full Screen in Flash AS3

htmlslicing — Fri, 21 May 2010 12:13:06 +0000

here, I have made easy way to setup full screen through AS3

1. First of all you need to create new flash file.

2. Now you need to open component panel to drag button object in stage to save in libary

3. After component panel open , you have to drag button object into stage

4. I hope you will see button on your libary panel. If yes then remove button from the stage. Now draw some shape in stage. here, I have draw rectangles.

5. Hum… ok now run our emply application ” ctrl+Enter “. I think you will get your design what you draw in the stage.

Now you need to paste these following codes in action script panel.

import fl.controls.Button;

var fullScreenButton:Button = new Button();
fullScreenButton.label = “Full Screen”;
addChild(fullScreenButton);

fullScreenButton.addEventListener(MouseEvent.CLICK, fullScreenButtonHandler);
function fullScreenButtonHandler(event:MouseEvent)
{
stage.displayState = StageDisplayState.FULL_SCREEN;
}

Now we need to make publish setting . Please click on File > Publish Setting >

6. Choose HTML Tab and select “Flash Only – Allow Full Screen” for Template Option. and click on “Publish” button.

7. Now we need to edit some html code stuff . After you publish you flash automatically create html file. in your fla file location. Now open it and find the parameter “allowFullScreen” and set true to it’s value. Save it and see in your browser and click on button to make full screen

finished

Simple Video Player in Flash AS3

htmlslicing — Fri, 21 May 2010 10:58:17 +0000

var nc:NetConnection = new NetConnection();
nc.connect(null);
var ns:NetStream = new NetStream(nc);
ns.addEventListener(AsyncErrorEvent.ASYNC_ERROR, asyncErrorHandler);
ns.play(“papervision.flv”);
function asyncErrorHandler(event:AsyncErrorEvent):void
{
// Null
}
var vid:Video = new Video();
vid.attachNetStream(ns);
addChild(vid);

Above code is simple to understand . Here you need flv file with name of paperVision.

Logo Designs

htmlslicing — Thu, 08 Apr 2010 05:12:25 +0000

Overlap display Object in AS3

htmlslicing — Wed, 03 Feb 2010 05:57:21 +0000

This tutor is about overlapping display object to each another. Here, I have three files. Ball.as

Ball.as:
here, we have class of circle shape object

BallSeq.as:
It generates circle ball with different color and set sequence

myFlash.fla
here, we need to mention class BallSeq

Ball.as

package { import flash.display.*; import flash.text.*; public class Ball extends Shape{ public var xPos:Number; public var yPos:Number; public var radius:Number; public var color:uint;

public function Ball(xInput:Number,yInput:Number,rInput:Number,colorInput:uint) { var xPos=xInput; var yPos=yInput; var radius=rInput; var color=colorInput; this.graphics.beginFill(color); this.graphics.drawCircle(xPos,yPos,radius); } } }
Here, we have made Ball Class constructor with argument x postion, y position, radius, color

BallSeq.as

package{


	import flash.display.Sprite;

	import flash.events.MouseEvent;

	public class BallSeq extends Sprite {
		public var container2:Sprite=new Sprite();

		public var blackBall:Sprite=new Sprite();

		public var redBall:Sprite=new Sprite();

		public var blueBall:Sprite=new Sprite();

		public var greenBall:Sprite=new Sprite();
		public function BallSeq(){
			// Black Ball

			blackBall.addChild(new Ball(100,100,30,0x000000));

			blackBall.name="blackBall";

			//addChild(blackBall);
			// Green Ball

			greenBall.addChild(new Ball(130,140,30,0x29990b));

			greenBall.name="greenBall";

			//addChild(greenBall);
			// Red Ball

			redBall.addChild(new Ball(130,90,30,0xff0000));

			redBall.name="redBall";

			//addChild(redBall);
			// blue Ball

			blueBall.addChild(new Ball(150,100,30,0x0000ff));

			blueBall.name="blueBall";
			container2.addChild(blueBall);

			container2.addChild(redBall);

			container2.addChild(blackBall);

			container2.addChild(greenBall);
			container2.swapChildren(blackBall,redBall);
			var i:Number=0;

			while(i
				container2.getChildByName(container2.getChildAt(i).name).addEventListener(MouseEvent.CLICK,putFront);

				i++;

			}
			this.addChild(container2);
		}
		public function putFront(event:MouseEvent){

			container2.setChildIndex(container2.getChildByName(event.target.name),container2.numChildren-1);
		}
	}

}

Flexible Drag and Drop MovieClip in Flash AS3

htmlslicing — Wed, 03 Feb 2010 05:27:07 +0000

hi, I am comming with simple easy way to drag and drop of flash as3. I have use startDrag and stopDrag to drag and drop movieClip or any display Object. But it gives some disturbe . So, made tiny but flexible to drag and drop your object.

import flash.ui.Mouse;


function startDragging(event:MouseEvent):void{

	stage.addEventListener(MouseEvent.MOUSE_MOVE,moveBall);

}
function moveBall(event:MouseEvent):void{

	circle.x=event.stageX-circle.width/2;

	circle.y=event.stageY-circle.height/2;
}
function stopDragging(event:MouseEvent):void{

	stage.removeEventListener(MouseEvent.MOUSE_MOVE,moveBall);

}

circle.addEventListener(MouseEvent.MOUSE_DOWN,startDragging); circle.addEventListener(MouseEvent.MOUSE_UP,stopDragging);

Note : here circle is the movieclip

Portfolio

htmlslicing — Sat, 02 Jan 2010 04:12:57 +0000

Kneipp Gift Shop

Kneipp The gift shop is a publication of Kneipp Nederland BV . This site is related with shopping cart system of ladies products.

Here one of my important experience is making transparent background through flash object. I have overlap images in flash object. This template was sliced on nearly September 2006. This is my first experience on jsp framword to have design and xhtml/css coding . I have used small trick of javascript which remove border while we hover on flash object.

Viral Tracker

ViralTracker is a smart, powerful technology that is easy to use. It measures the reach and response of your viral internet commercials, movie trailers, game trailers, viral videos and widgets.

ViralTracker measures millions of weblogs, forums, websites, communities, social networks and over 350 large video portals in more than 50 countries. ViralTracker measures in real-time and worldwide. ViralTracker improves the reach and response of viral campaigns with over 300%.

This site is totally written in div structure rathen than table based layout. This Viral Tracker is one of my big projct of PHP coded in div structure.

HTML Slicing

This HTML SLICING, commercial portal site . Here client upload their indesin or psd file and get ready for html slicing in specific time duration. This site is totally sliced in W3C standared on XHTM 1.0 Translation. This is totally in div structure.

Here menu system is used in flash object. I am little bit disappointed with this flash object because screen reader could not read this flash object. I would like to set addition text matter for menu system so that it could get user agent friendly.

Cool Brands

As name “Cool”, site’s design is also cool . It’s black and white professional colored web site, made in Joomla Framework . Here extra blog component is used for customizing content from administrator session and necessary plugins are shown in frontend. Such as comment, bookmark etc. It is cross browser compatibility in FireFox 3, IE6 and IE7.

Visiting Nepal

This design was implemented in joomla 1.5 (latest version of Joomla Framework.) Here I have don slick rss for module . This is simple and clean tempalte with integration of Joomla Framework. Right I am handling this site and update to joomla 1.5.9 on jan 22nd 2008. I love this light blue color.

Zo Dochter

One of the online community for mothers and daughters! of belgium.

You will find great news, tips, photos, tests and much more. Fun to work with you mother or daughter to share! Look around and good sign up to become a member!

New ZoDochter.nl: Take a look at Sun Video and watch the best and most talked-about videos from the past week!
Watch as your personal daghoroscoop and discover what awaits you today!

TradeSelect

TradeSelect is the application software and web site. TradeSelect is related with business , so I have made webtemplate in blue color themes . Through the home page client could know the major vision about the feature and product of tradeselect . In tradeselect software, I have made glossy shiny effect to attaract themes. Comment wise html and css was one of the another feature of this web site. So, that debug of css and html could handle easily.

OpenVz project

OpenVZ is virutal server system.Currently, I have made two types of thems, one is simple and another is graphical themes. With the co-ordination with programmer, we have made flexible template framework so that designer can give design as per require. All the html and css code are validated in W3C plus Web Content Accessible code. Additionally, we have used Jquery Javascript framework on OpenVZ project. All the designs are in pure table less.

Logo Design

htmlslicing — Sat, 02 Jan 2010 04:07:58 +0000