Innovation through Creation - Flash | PHP | HTML | XML | CSS | SQL - By Eliott Robson

Posts tagged Parameters

Learning AS3 – Properties

Apr11
2011 Leave a Comment Written by Eliott

Properties

The value of the title is “Properties”
The style of the title is “H2″
The colour of the title is “Green”

All properties, if it was instanced as Title, you could reference them as follows:
Title.value, Title.style, Title.colour… Much like in AS3

Think of a box, name it box and instance name it that too…

Type Property Settings Units
Position x, y box.x = 25, box.y = 145 Pixels
Size width, height box.width = 100, box.height = 350 Pixels
Scale scaleX, scaleY box.scaleX = 0.5, box.scaleY = 0.75 Percent (0 -> 1)
Rotation rotation box.rotation = 45 Degrees (0 -> 360)
Opacity alpha box.alpha = 0.4 Percent (0 -> 1)
Visibility visible box.visible = false Boolean

Simples!

Posted in Actionscript, Flash, Ramblings, Tutorials - Tagged ,

Bookmark-able pages in a flash website

Feb20
2011 Leave a Comment Written by Eliott

So as the flash website is navigated the individual pages can be bookmarked.

Ok, so firstly make your flash website, heres mine:

Then, onto your button press add the following code:

1

getURL("#page=1")

Then onto your HTML page add the HTML Anchors code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<script language="javascript">
	function findAnchor(search){
		var anchor = window.location.hash
		var anchorStart = anchor.substr(1)
		var anchorList = anchorStart.split("&")
		var param = 0
		while (param < anchorList.length){
  			anchorList[param] = anchorList[param].split("=")
  			param += 1
  		}
		for(var searchID = 0; searchID <= anchorList.length-1; searchID++){
			if(anchorList[searchID][0] == search){
				found = anchorList[searchID][1]
			}
  		}
  		return found
	}
	document.write("Name = "+findAnchor("name"))
</script>

And then integrate it with your flash:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title>Flash Website</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
		html, body { height:100%; background-color: #ffffff;}
		body { margin:0; padding:0; overflow:hidden; }
		#flashContent { width:100%; height:100%; }
		</style>
		<script language="javascript">
		function findAnchor(search){
			var anchor = window.location.hash
			var anchorStart = anchor.substr(1)
			var anchorList = anchorStart.split("&")
			var param = 0
			while (param < anchorList.length){
  				anchorList[param] = anchorList[param].split("=")
  				param += 1
  			}
			for(var searchID = 0; searchID <= anchorList.length-1; searchID++){
				if(anchorList[searchID][0] == search){
					found = anchorList[searchID][1]
				}
  			}
  			return found
		}
		function firstPage(){
			document.getElementById("FlashVars").setAttribute("value", "startPage="+findAnchor("page"))
		}		
</script>
	</head>
	<body onload="firstPage()">
		<div id="flashContent">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="300" id="Flash Website" align="middle">
				<param name="movie" value="Flash-Website.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="window" />
				<param name="scale" value="showall" />
				<param name="menu" value="false" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="sameDomain" />
				<param id="FlashVars" name="FlashVars" value="">
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="Flash Website.swf" width="500" height="300">
					<param name="movie" value="Flash-Website.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#ffffff" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="window" />
					<param name="scale" value="showall" />
					<param name="menu" value="false" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="sameDomain" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</html>

Test it out here!
Page 1, Page 2, Page 3 and Page 4

Posted in Actionscript, Flash, HTML, Javascript, Tutorials - Tagged , , , ,

Dynamically attaching movieclips

Nov06
2010 Leave a Comment Written by Eliott

Dynamically attaching movieclips, simple?

In the early stages of me learning flash I had everything I needed off the stage and moved them when I needed, but that’s dumb… Especially when you can dynamically attach them:

1

movieClipStorage = _root.attachMovie("box",  "box1",  _root.getNextHighestDepth(), {_x:50, _y:100})

So, we attach the library referenced movie clip “box” to the _root naming it “box1″ at the highest depth with the _x property as 50 and the _y property as 100 and storing it in the variable movieClipStorage.

But, how do we make a movieclip reference?

Goto your movieclip (in the library) > right click > properties > check advanced > export for actionscript and then in the Identifier box type in your reference (in the above example i would put “box” (no quotes))

Posted in Actionscript, Flash, Tutorials - Tagged , ,

HTML parameters (with javascript) – part 2

Oct06
2010 Leave a Comment Written by Eliott

Part 2, the search function

OK, so we want to display the correct parameter via a function:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<script language="javascript">
	function findParameter(search){
		var parameters = location.search
		var parametersStart = parameters.substr(1)
		var parametersList = parametersStart.split("&")
		var param = 0
		while (param < parametersList.length){
  			parametersList[param] = parametersList[param].split("=")
  			param += 1
  		}
		for(var searchID = 0; searchID <= parametersList.length-1; searchID++){
			if(parametersList[searchID][0] == search){
				found = parametersList[searchID][1]
			}
  		}
  		return found
	}
	document.write("Name = "+findParameter("name"))
</script>

and that’s it…

http://www.stormation.info/wp-content/uploads/2010/10/parameters3.html?name=john&age=30&location=earth

you should get Name = john

ok, what’s happening in the function…

we are making each element into sub elements:

1

parametersList[param] = parametersList[param].split("=")

so

1

parametersList[0]

would be name,john and

1

parametersList[0][0]

would be name and

1

parametersList[0][1]

would be john. The rest should be pretty simple, if not tell me :)

Posted in HTML, Javascript, Syntax - Tagged ,

HTML parameters (with javascript)

Oct04
2010 3 Comments Written by Eliott

What are parameters?

Take an url such as example.com/test.html?name=john
the name parameter is john…

Ok, so let’s see… We could just start at the ? and read onwards right?

1
2
3
4

<script language="javascript">
	var parameters = location.search.substr(1).split("?")
	document.write(parameters)
</script>

and when I visit http://www.stormation.info/wp-content/uploads/2010/10/parameters1.html?name=John I get name=John, so it’s working but when I visit http://www.stormation.info/wp-content/uploads/2010/10/parameters1.html?name=John&age=30 I get name=John&age=30.

It’s working but we need to parse the data… Lets try splitting it up.

1
2
3
4
5
6
7
8
9
10
11

<script language="javascript">
	var parameters = location.search
	var parametersStart = parameters.substr(1)
	var parametersList = parametersStart.split("&")
	var param = 0
	while (param < parametersList.length){
  		alert(parametersList[param])
  		param += 1
  	}
	document.write(parametersStart)
</script>

Ok, so we find the search items – remove the ? then split it into sections based on the & sign. Then we loop through them all running alerts!

http://www.stormation.info/wp-content/uploads/2010/10/parameters2.html?name=John&age=30&location=Earth

To be concluded!

Posted in HTML, Javascript, Tutorials - Tagged ,
1

Donate

Support the blog and help it survive.

Categories

Facebook