Send HTML TextArea Contents to Flash

Flash ActionScript and HTML JavaScript communication example display here. Your flash player version is too old to see this flash example!

HTML Webpage Side:

Step 1:
Layout a TextArea and a buttonon the HTML webpage. The JavaScript function sendText will be executed when the value of Select Menu is changed.

<form action="" id="myform">
Enter text here and click Send to send the text to Flash Movie:<br>
<textarea id="textArea" rows="6" cols="42">Enter text here.....</textarea>
<br>
<input type="button" value="Send" onclick="sendText();">
</form>

 

Step 2:
Write the JavaScript function changeColor. The JavaScript function will make a call to ActionScript function sendTextToFlash.

<script language="JavaScript">
//Get flash movie id (myFlash)
var myFlashMovie;
function init() {
if (document.getElementById) {
myFlashMovie = document.getElementById("myFlash");
}
}

//Wait the page to fully load before initializing
window.onload = init;

//Sending text of TextArea to Flash
function sendText() {
if (myFlashMovie) {
//call the function as a method of the Flash object (myFlashMovie)
//Call the registered ActionScript method (sendTextToFlash)
<!-- access the value of an HTML input by assigning it an id -->
var text = document.getElementById("textArea").value;
myFlashMovie.sendTextToFlash(text);
}
}
</script>

 

Flash Side:

Step 1:
Use ExternalInterface.addCallback( ) to register the ActionScript function. Once the ActionScript functions is registered, it can be called by the JavaScript function.

ExternalInterface.addCallback("sendTextToFlash", getTextFromJavaScript);

 

Step 2:
Hook with the ActionScript Function (getTextFromJavaScript)

Remarks:

This Flash ActionScript tutorial shows how to send HTML textArea Field value to Flash Movie.