Pass Values to a SWF with JavaScript and SWFObject

SWFObject provides a simple way to pass values to a SWF using only JavaScript: no server-side code required! In this tutorial, we'll build a fundraiser meter that can easily be updated with the amount donated so far, without needing to recompile the SWF.

Final Result Preview

View the source of the demo and you'll see that the target and current donation amounts are defined in JavaScript.

Section 1: What's SWFObject? Why Use It?

Pass Values to a SWF with JavaScript and SWFObject:1 - Basix

Section 2: Set Up the Fundraiser SWF and Get to Grips with SWFObject

Pass Values to a SWF with JavaScript and SWFObject:2 - Basix

Section 3: Additional Functionality and Polish

Pass Values to a SWF with JavaScript and SWFObject:3 - Basix

Non-IDE: Relevant Code in Plain Text

If you're not using the Flash IDE, here's the relevant code in copy-and-pastable plain text:

1

2

if (root.loaderInfo.parameters["goal"] != null)

3

{

4

	goal = Number(root.loaderInfo.parameters["goal"]);

5

	actual= Number(root.loaderInfo.parameters["actual"]);

6

}

7

else

8

{

9

	// if can't access values in page

10

	goal = 100;

11

	actual = 50

12

}

The tutorial videos explain how to hook these up to a JavaScript object in the page.