PHP Form Wizard with file upload ability to Email and mySQL

  • Posted
  • Proposals 2
  • Remote
  • #8348
  • Archived
Graham B.Keye L. have already sent a proposal.
  • 0

Description

Experience Level: Expert
I need to create a form for a website that I am designing. I used to be a web designer, and although I can design websites, complicated forms are not my strong point!

I have attached a images of the Wizard form that I would like you to create for me. All files will be provided for whoever gets this project. they will be full layered .png's

The form is a standard post form, but also has an upload function for small files. Can you let me know if this requires any special hosting needs or anything else.

Below is the brief for each “Step” of the form:

Step 1:
Fairly straight forward, required fields are needed for all sections.
If a required field is not completed, when the user click the next arrow, the fields that have not been completed will need to be highlighted, as you can see from required field not filled in.png

Step 2:
All of the fields on this step have information relating to them, please see the info helper.png. I require a hover box to appear when these are clicked on, when the user clicks back into the data field the info box will disappear. Please note that the background of the info box has a transparency so that the user can still see the form in the background. If this is too complicated it is not an absolute requirement.
All of these boxes are required fields.

Step 3:
This step is where the customer will upload their documents for me. When the user clicks into the data field, or hits the browse button, they will be able to look through their local files and upload them.
The choose your template list needs to have multi layers to it, so that it appears like:

Section 1
subject 1
subject 2
subject 3
Section 2
subject 1
subject 2
subject 3
Etc

But in addition to this, I require a pop up/lightbox to appear with a gallery of thumbnails, with the ability to select the template that they require. An example of the functionality, (out side of the lightbox/shadowbox) can be found here http://www.templatemonster.com/website-templates.php but with the addition of selecting the thumbnail. Their selected thumbnail will then be selected in the drop down field on the form. Once selected the light/shadowbox will disappear. I need to be able to add more thumbnails, and add to the form list. This is fine as long as I can copy the code. Please let me know if you have any questions regarding this. The size of the pop up window cannot be any more than 900px wide.

Step 4:
This page needs to have a text field, for the user to be able to add in any of their requirements. They need to confirm that they have read the T&C’s, I will make the T&C’s appear in a lightbox/shadowbox if the <a href> is selected.

Success Page:
The final page that they will see.

Post Email:
This email needs to post to 2 accounts, I have not set these accounts up yet, so please just use test@test.com to begin with and I will edited the code when needed. Can the post email be made to look relatively nice? Just plain and simple, but with bold questions and italic answers.

Questions:
Will the files that the users uploads be sent as attachments to the email?

Code:
This form will be sitting in a XHTML & CSS based, tableless page. I realise that there will be some form of .JS involved. I will need to be able to insert it into the page where needed. Can all CSS elements start with the id form. All of the graphics will need to be .png or .gif and NOT .jpg’s

Many thanks

Clarification Board

    There are no clarification messages.