Sending and Receiving JavaScript Data Into Flash

Blog entry detailing the code

Example

Code

<cfform format="flash" method="get" action="index.cfm" skin="haloblue" wmode="opaque" width="500" 
 preservedata="no" preloader="true" name="example">
	<cfformgroup type="tabnavigator">
		<cfformgroup type="page" label="Send Data To JavaScript">
			<cfinput name="send" label="This text box will be sent to JavaScript" 
			onkeyup="getURL('javascript:sendToJavascript(\'' + send.text + '\', \'toJavascript\')');">
		</cfformgroup>

		<cfformgroup type="page" label="Receive Data From JavaScript">
			<cfinput name="receive" label="This text box will show what was sent from JavaScript:">
		</cfformgroup>

		<cfformgroup type="page" label="Bind Example">
			<cfformgroup type="horizontal" label="Data sent TO JavaScript:">
				<cfformitem type="text" bind="{send.text}"></cfformitem>
			</cfformgroup>
			<cfformgroup type="horizontal" label="Data received FROM JavaScript:">
				<cfformitem type="text" bind="{receive.text}"></cfformitem>
			</cfformgroup>
		</cfformgroup>
	</cfformgroup>
</cfform>

<div>This data is FROM the Flash form: <span id="toJavascript"></span></div>
<div>This data will be sent TO the Flash form: 
<input type="text" name="toFlash" onkeyup="sendToFlash(this.value, 'example', 'receive')" /></div>

<script type="text/javascript">
function sendToJavascript(data, HTML_id) {
	document.getElementById(HTML_id).innerHTML = data;
}

function sendToFlash(data, Flash_id, Flash_var) {
	var flash = getFlashMovieObject(Flash_id);
	flash.SetVariable(Flash_var + ".text", data);
}



function getFlashMovieObject(n) {
	if (window.document[n]) return window.document[n];

	if (navigator.appName.indexOf("Microsoft Internet") == -1) {
		if (document.embeds && document.embeds[n])
			return document.embeds[n]; 
	}
	else return document.getElementById(n);
}
</script>