Components to Create a Form
written by ilyas usal aka pom
This tutorial is more or less a sequel to
Kirupa's tutorial about the
scrollbar and mine about the
listbox. Please read them carefully before attempting this one.set up the form with 6 of Macromedia's components
get the input from the user with Actionscript
change very easily the looks of your form using Actionscript
I will show you in this tutorial how to:
We are going to make a form asking for information about the user. He will
answer a certain number of questions, and when he presses the submit button,
we will get all his answers, and go to an answer frame that processes the input data.
This is what the form is going to look like when everything
[ fill the form and press the
submit button ]
To see more easily how it works, we are going to use the trace function to display in
the output window what the users inputs.
Creating the form:
The general layout
Create a new movie in Flash
MX. Set the width and height to 500. You can choose a background color,
a background image, anything you like. I put a yellow background (#FFFF00).
Name the first layer
components. Also add 2 layers
in the timeline. Name them code and labels.
In the labels layer, add a keyframe on frame 5 by pressing
F6 and add a frame on frame 10 by pressing F5. Add a keyframe
on frame 5 in the code layer too. Your timeline should look like this:
Actions and labels
Open your Actions panel. Select the first frame of the
code layer and put the stop();
action. Do the same in frame 5.
Now open the Properties panel. In the Labels layer,
select frame 1 and enter the frame label form. In frame
5 enter the frame label result. Your timeline should
now look like this:
timeline again ]
All the components are going to be added in frame 1 of the
Drag and drop a radio button in the top left end of the scene.
Then press Ctrl and drag it to duplicate it. Do it once more to have 3
Drag and drop a combobox on the scene under the radio buttons.
Drag and drop a listbox.
Drag and drop two push buttons.
Drag and drop a check box and then duplicate it 5 times like we did
with the radio buttons.
Put an input text and drag and drop the scrollbar component on it.
This is pretty much how the form is going to look like so try and make it look
good. Personally I use the properties panel all the time to place precisely my objects on the
What we have to do now is populate the components, and get the input of
the user. We will do this with Actionscript. Click the Next
Page link to proceed with adding the Actionscript.