Manipulate Text Field with Flash ActionScript 3
Like other programming languages, Text Fields are not limited to handle strings (texts). Text Fields also used to handle numbers. In this Flash ActionScript 3 tutorial, we use Text Fields to handle numeric values and do some arithmatic calculation.
Flash Tutorial Content:
Text Fields are not limited to handle strings (texts). We will sometimes use Text Fields to handle numbers and do arithmatic calculation.
However this is important to ensure that only numbers are allowed to enter into the Text Fields and the Text Fields are not empty. Luckily, this is rather easy to accomplish this with ActionScript 3.
Input numbers in the two text Fields in the above Flash Movie and click the Enter button to see how it works.
Flash ActionScript Codes:
// We need Keybpard control
import flash.events.KeyboardEvent;
// Allow Text Fields to input data
inputText1_txt.type = TextFieldType.INPUT;
inputText2_txt.type = TextFieldType.INPUT;
// Set the mouse cursor to focus on the first field
inputText1_txt.stage.focus = inputText1_txt;
// Only allow number to input into the two fields
inputText1_txt.restrict = "0-9";
inputText2_txt.restrict = "0-9";
// Function to do the calculation
function readText(evt:Event):void {
if (inputText1_txt.text == "" || inputText2_txt.text == ""){
output_txt.text = "Fields cannot be Empty!";
} else {
var firstNumber = Number(inputText1_txt.text);
var secondNumber = Number(inputText2_txt.text);
total_txt.text = firstNumber + secondNumber;
}
// Hook up the button with the function readText
enter_btn.addEventListener(MouseEvent.CLICK, readText);
// Function that ensure only numbers are allowed to input
function numberCheck(event:KeyboardEvent):void {
output_txt.text = "";
} else {
output_txt.text = "Only numbers are allowed.";
}
// Hook up the two Text Fields with the function numberCheck
inputText1_txt.addEventListener(KeyboardEvent.KEY_DOWN, numberCheck);
inputText2_txt.addEventListener(KeyboardEvent.KEY_DOWN, numberCheck);
Download Flash Source File:
Remarks:
Now we know how to use Dynamic Text Fields to handle strings and numbers with Flash ActionScript 3.