.
.
 
Using Text Boxes in Flash

This is a short, simple introduction to using form input and manipulation in the form of text boxes.

Dissymmetry Basic Flash Tutorial (5,214 bytes)

1) Insert a new layer and call it "Events" in the first frame of this new layer double click and add a stop action.

2) In the first frame of layer 1 insert a text box, you can make it editable by using the button on the toolbar with "ab|" on it when the text tool is active.
(Note: a circle on the right side of the box means that it will resize based on its contents, a square means it is a fixed width box. The circle or square may be located at the top or bottom of the box. On the top it means that it is uneditable, on the bottom means that it is editable. (See the figure below) We want a circle or square on the bottom for this)

3) Right click on the textbox and select "Properties" from the pop-up menu to open the "Text Box Properties" dialog box. You can change the variable that the text box writes to here

Repeat step 3 for every text box you wish to have. The boxes should all be inserted into the first frame of layer 1.

4) Insert a new layer and call it "Submit" In the first frame of this layer insert a button. Right click the button and select "Properties" from the popup menu. Select the "Actions" tab and insert a new action by clicking the "+" button and selecting "GoTo", Select the radio button labeled "Next Frame" on the right and hit "OK"

On (Release)
Go to Next Frame
End On

You should edit the button so that the word "Submit" is on it or something of the like.

5) Select the first frame on Layer 1 that contains our text box. Copy the entire first frame into the second.

6) In the second frame individually edit all the text boxes by right clicking them and selecting "Properties" and check both "Disable Editing" and "Disable Selection" check boxes.
In that second frame you can put anything else you want, it will not be seen until after the user clicks the "Submit" button.

 

.
Right-Bottom 006699.gif (866 bytes)

"The Internet is the foundation for a new industrial order. ... If you don't believe deeply, wholly...that the Net is going to change your business, you're going to lose."  - Fortune Magazine

All graphics on this site are copyrighted by their respective distributors and may not be duplicated, modified in any fashion or used in any way without consent.

Last Updated: 12/5/07

Home |  Tutorials |  Basic |  Intermediate |  Advanced |  Contact Us