Form sample in iFrame

Test Index · CSB4 Rollover Links · Link Styles 1 · Link Styles 2 · Link Styles 3 · iFrame Tutorial - IFrames described in detail! · Form sample in iFrame · Arrowhead · Excel · Color Blind · Websafe Fonts and tests · Make an Alert Box · Webgem Placeholder Images · LINK HOVER TOOLTIP · OverLIB tooltip · Disguise Email · Quote of the Month · Map to your location! · Link Border Test · FORUM

Form sample in iFrame

The Iframe Tutorial page offers many examples of how to use/implement iframes, demonstrates links inside and outside.

Two samples on that page use forms generated by the same form generator. These links open new windows:

- "FRAME6" demonstrates how a form can be placed in an iframe and a thank you page can replace the form upon submit.

- "FRAME5" demonstrates a survey questionaire with no email generated.

Both free and paid form services offer ways to build forms online. And the form is pushed from those websites.

A free form service that is used by samisite.com is emailmeform.com for the main contact form.

There are usually limitations on these services (ex: on number of submittals).

But you CAN run a form script from your own website, even if you don't know how to write code.

The sample forms were created with PHP FormMail Generator.

No monthly fees or hosting costs or dependency on another website.

Though the script is free to use if you have the link in place on the bottom of the form, the author would like you to consider a donation to encourage development.

In exchange, you can remove the link and make your form look more professional.

I donated so I could remove my link under the form. WORTH IT to me!

The script I used was generated online at the author's site by filling in a few fields!

Press the CREATE and DOWNLOAD button at the bottom of the page to get a ZIP file of your new form.

You download it to your own computer. And are given the user name and password at the same time.

Unzip the file to get access to the 3 files inside.

Using FTP program upload the 3 files to a folder on your web host.

Put them into a folder that makes sense to you, like "contact" or "form", etc.

I will use "contact" in this sample.

Now you can use/edit the form as needed from your own website!

To access the form:,

Visit the web page www.yourwebsite.com/contact/form.php (replace with your domain!)

Or place the form inside an invisible iframe using this code in your web page:

<iframe name="FRAME6" frameborder="0" src="http://www.yourwebsite.com/contact/form.php" allowTransparency="true" width="340" height="580"></iframe>

Change the domain name and the size of the iframe as needed.

To modify the form:

Visit your individual admin page! http://www.yourwebsite.com/contact/admin.php (replace with your domain!)

When you access the admin page, you can edit the form and get another version (if you want to change the fields, etc)

Download it again and upload the new version to your website.

FORM RESPONSE NOTES:

The form is READY for use immediately when you download it from PHP FormMail Generator if you use option 2 below.

While building the form you have a choice of what happens when the visitor presses submit button.

We will deal with #2 first since it is the fastest easiest method!

2) Display confirmation message: If you choose this option the form needs no coding adjustments, and is ready to implement when you upload it to your website. You can change the text of the message to suit your needs and requires no extra page. Fastest, simplest option. Check out FRAME5 for a sample of the confirmation message response. That sample also shows that you can turn off email and use the form to just gather information from your visitors.

1) Redirect to URL: This option allows you build a page in your own editing software that matches your own website. You might want the page to have instructions, or thank you or some other purpose. When the SUBMIT button is chosen, your visitor is sent to this page. The green redirect page I show in my FRAME6 iframe has no margins, no borders. The default action for this is to replace the whole page when the form is submitted.

However, if you would like your redirect page to stay within an iframe (as seen in my FRAME6 sample) then you will need to "tweak" one small part of the script.

After downloading and unzipping the script, before you upload it to the website folder, open the form.lib.php file.

Locate this part of the code:

function phpfmg_redirect_js(){

if( defined('PHPFMG_REDIRECT') && '' != PHPFMG_REDIRECT ){

echo "<script type='text/javascript'>

function phpfmg_redirect(){

var redirect = '" . addslashes(PHPFMG_REDIRECT) . "';

try{

if( parent ) parent.location.href = redirect;

}catch(e){

location.href = redirect;

};

}

phpfmg_redirect();

</script>";

};

}

Replace it with the following code to force the redirect web page to appear inside the iframe.: