What we will do

In this tutorial we will learn how to make a simple and effective PHP Flash Contact Form using Action Script 2.0

Step 1

First create a new file using Action Script 2.0.

Hit CTRL + J (Document Properties) or go to Modify – Document and change your settings like in picture below:

Now we must create only the structure of our contact form. We will use the Text Tool (T) and start writing and construct.

First E-mail + Text Field, second Subject + Text Field, third Message + Text Field.

Text Field must be Input Text. I will show you later, now you must have a similar structure like in the picture below:

Now you must set your Text Field with the following settings (click to view larger image)

Now we need a Scroll Bar for Message Field. If someone have a very long message what we can do? Simple.

Go to menu Window – Components (CTRL + F7). On the User Interface rollout you will find UIScrollBar.

Drag and drop it near Message Field and go to Parameters Rollout and near _targetInstanceName write message_field.

Step 2

Good now we must draw a Send button using Rectangle Tool (R) and with Text Tool add a text with “Send”.

Select both and press F8 to Convert them to Button and click OK.

Very good now we must create the Error Message if something is wrong.

With Text Tool write “All fields required !” and select it, then press F8 and Convert it to MovieClip, and put the instance name “error_clip”

Ok we almost finished with the design and structure. The only thing left is to create a background for Text Fields.

To do that select Rectangle Tool and draw the same size with a dark color.

Border with #555555
Background with #222222

The final structure should look like in the picture below:

Step 3 – Coding

Looks nice no? Now we must make him work !

Select the first frame and press F9 (Action Script Panel) and insert the code below:

// www.extremestudio.ro - PHP Flash Contact Form
// Loading Variables and Settings
stop();
error_clip._alpha = 0;
System.useCodepage = true;
send_btn.onRelease = function() {
	my_vars = new LoadVars();
	my_vars.email = email_field.text;
	my_vars.subject = subject_field.text;
	my_vars.message = message_field.text;

	// If text fields are not blank the message will be sent
	if (my_vars.email != "" and my_vars.subject != "" and my_vars.message != "") {
		my_vars.sendAndLoad("send_mail.php", my_vars, "POST");
		gotoAndStop(2);
	// Else if text fields are blank a warning message will appear
	} else {
		error_clip._alpha = 100;
	}
	// After the message is sent the user will be redirected to frame 3
	my_vars.onLoad = function() {
		gotoAndStop(3);
	};
};
// If you click on another field "All Fields Required" will dissapear
email_field.onSetFocus = subject_field.onSetFocus = message_field.onSetFocus = function () {
	if (error_clip._alpha != 0) {
		error_clip._alpha = 0;
	}
};

Go to Timeline and create 2 New Frames by pressing F6.

Select Frame 2 and DELETE ALL except the title and put a text with ” Sending Message…” and make a animation.

Select Frame 3 and DELETE ALL execept the title and put a text with ” Message Sent. Thank you for contacting us” or any message you want. Press F9 and put stop(); in the Action Script Panel to stop the form playing again.

You should have this:

That’s all with Flash ! We need to create the PHP File.

Open Notepad or any software you have (like Dreamweaver) and write the code below:

<?php
 // Extreme Design Studio - www.extremestudio.ro
 // PHP Flash Contact Form - PHP Script
 // Loading Variables
 $email = "E-mail: " . $_REQUEST["email"] . "\n\n";
 $subject = $_REQUEST["subject"];
 $message = "Message: \n---\n" . $_REQUEST["message"] . "\n\n";
 $ip = "IP: " . $_SERVER['REMOTE_ADDR'] . "\n";
 // The \n character means New Line

// Mixing all variables, including IP
 $full_message = $email . $message . $ip;

// Remove the backslashes that appears when entering characters like " or '
 $message = stripslashes($message);
 $subject = stripslashes($subject);
 $sender = stripslashes($sender);

// Sending the mail
 // Note: Don't forget to change "your@email.com" to receive the mail from contact form
 mail("your@email.com", $subject, $full_message);
 ?>

Save this file as:  send_mail.php

Note: The .swf and .php file must be in the same folder!

That’s all ! Your PHP Contact Form should look like in example below. Enter your email and send a message yourself to test it!

Test it !

Download Files