...

View Full Version : Please help with forms



deucesh75
05-26-2010, 01:46 AM
I'm a new coder and this is my first project and post. I am trying to create a new forms page for my company website to capture potential employee data. My company page (professionally created) is ravenmechanical.com and I'm trying to make a page that looks exactly like the 'contact' page. I believe this uses .PHP framework, though I'm not experienced enough to build this into my project, so I need some help. I wrote the code input below (with much help from this site), but the problems are as such:

- I don't want the user to have to send using their email program as many of the users will be using HTML/browser-based email clients (not Outlook and such). When I use my current test page (below), it opens my email program, when the existing "contact us" page does not. Is this a PHP problem? can you suggest how to correct?

- How to email to more than one address?

- My current file e-mails with a postdata.att attachment (when using Firefox) and with linear script (when using IE). I don't mind a file attachment, but it'd be easier if it would just email me the contents in body of email. I've seen multi-part text being suggested: is this proper route?

Please help this clueless and new user fix this problem. I've driven myself nuts trying to figure it out. Thank you all in advance for reading and for attempting to help me. :confused:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Raven Mechanical, LP</title>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
<script language="JavaScript" src="jsval.js" type="text/javascript"></script>
<link href="styles/form_styles.css" rel="stylesheet" type="text/css" />
<!-- InstanceEndEditable -->
<link href="styles/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
td img {display: block;}
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

</head>

<body onload="MM_preloadImages('images/nav_r1_c1_f2.gif','images/nav_r3_c1_f2.gif','images/nav_r5_c1_f2.gif','images/nav_r7_c1_f2.gif','images/nav_r9_c1_f2.gif','images/nav_r11_c1_f2.gif')">
<div id="container"><!-- InstanceBeginEditable name="headers" -->
<div id="header">
<div id="headerright"><img src="images/header.jpg" alt="Raven Mechanical, LP" border="0" /></div>
</div>
<!-- InstanceEndEditable -->
<!--header-->
<div id="mainarea">
<div id="leftcol">
<div id="nav">
<table border="0" cellpadding="0" cellspacing="0" width="229">

<!-- fwtable fwsrc="nav.png" fwpage="Page 1" fwbase="nav.gif" fwstyle="Dreamweaver" fwdocid = "1841929775" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="229" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_r1_c1','','images/nav_r1_c1_f2.gif',1);"><img name="nav_r1_c1" src="images/nav_r1_c1.gif" width="229" height="39" border="0" id="nav_r1_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" /></td>
</tr>

<tr>
<td><img name="nav_r2_c1" src="images/nav_r2_c1.gif" width="229" height="7" border="0" id="nav_r2_c1" alt="" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="7" border="0" /></td>
</tr>
<tr>
<td><a href="about-us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_r3_c1','','images/nav_r3_c1_f2.gif',1);"><img name="nav_r3_c1" src="images/nav_r3_c1.gif" width="229" height="39" border="0" id="nav_r3_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" /></td>
</tr>
<tr>

<td><img name="nav_r4_c1" src="images/nav_r4_c1.gif" width="229" height="7" border="0" id="nav_r4_c1" alt="" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="7" border="0" /></td>
</tr>
<tr>
<td><a href="our-services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_r5_c1','','images/nav_r5_c1_f2.gif',1);"><img name="nav_r5_c1" src="images/nav_r5_c1.gif" width="229" height="39" border="0" id="nav_r5_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" /></td>
</tr>
<tr>
<td><img name="nav_r6_c1" src="images/nav_r6_c1.gif" width="229" height="8" border="0" id="nav_r6_c1" alt="" /></td>

<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="8" border="0" /></td>
</tr>
<tr>
<td><a href="industry-links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_r7_c1','','images/nav_r7_c1_f2.gif',1);"><img name="nav_r7_c1" src="images/nav_r7_c1.gif" width="229" height="39" border="0" id="nav_r7_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" /></td>
</tr>
<tr>
<td><img name="nav_r8_c1" src="images/nav_r8_c1.gif" width="229" height="7" border="0" id="nav_r8_c1" alt="" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="7" border="0" /></td>

</tr>
<tr>
<td><a href="contact-us.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_r9_c1','','images/nav_r9_c1_f2.gif',1);"><img name="nav_r9_c1" src="images/nav_r9_c1.gif" width="229" height="39" border="0" id="nav_r9_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" /></td>
</tr>
<tr>
<td><img name="nav_r10_c1" src="images/nav_r10_c1.gif" width="229" height="7" border="0" id="nav_r10_c1" alt="" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="7" border="0" /></td>
</tr>

<tr>
<td><a href="eco-friendly.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_r11_c1','','images/nav_r11_c1_f2.gif',1);"><img name="nav_r11_c1" src="images/nav_r11_c1.gif" width="229" height="39" border="0" id="nav_r11_c1" alt="" /></a></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="39" border="0" /></td>
</tr>
</table>
</div><!--nav-->
<p><strong>Raven Mechanical, LP</strong><br />
1618 Buschong<br />
Houston, Texas 77039<br />

Tel 281.987.1618<br />
Fax 281.442.4711</p>
</div><!--leftcol-->
<!-- InstanceBeginEditable name="maincontent" -->
<div id="maincontentarea">
<h1>Applicant Questionnaire</h1>
<form action="mailto:scott@ravenmechanical.com" METHOD="POST" enctype="text/html">
<table width="600" border="0" cellpadding="4" cellspacing="0" class="contacttable">
<tr>
<td width="50%" align="right">Name (first, middle, last)<span class="required">*</span>:</td>

<td width="50%"><input name="Name" type="text" required="1"></td>
</tr>

<tr>
<td width="50%" align="right">Primary Phone<span class="required">*</span>:</td>
<td width="50%"><input name="Primary_Phone" type="text" required="1"></td>
</tr>

<tr>
<td width="50%" align="right">Alternate Phone:</td>
<td width="50%"><input name="Alternate_Phone" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">E-mail Address:</td>
<td width="50%"><input name="E-mail" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">Specific City you Reside in (Spring, Clear Lake, Sugarland, etc.)<span class="required">*</span>:</td>
<td width="50%"><input name="City" type="text" required="1"></td>
</tr>

<tr>
<td width="50%" align="right">Nearest Major Intersection to Your Home<span class="required">*</span>:</td>

<td width="50%"><input name="Nearest_Intersection" type="text" required="1"></td>
</tr>

<tr>
<td width="50%" align="right">Where did you learn about Raven Mechanical job opportunities<span class="required">*</span>:</td>
<td width="50%">
<select name="Hear_About_Raven" size="1">
<option selected>Newspaper
<option>Craigslist
<option>Raven website
<option>Referred by friend
<option>Other
</select>
</td>

</tr>

<tr>
<td colspan="2" align="left">
<br>
1. Which type of job are you calling about?<span class="required">*</span>:</td>
</tr>

<tr>
<td colspan="2" align="left"><input type="radio" name="Job Position" value="Plumber">Plumber</td>
</tr>

<tr>

<td width="50%" align="right">Do you have a license?</td>
<td width="50%"><input type="radio" name="Plumber License" value="Yes">Yes &nbsp; <input type="radio" name="Plumber License" value="No">No</td>
</tr>

<tr>
<td width="50%" align="right">License Number:</td>
<td width="50%"><input name="Plumber License Number" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">Do you have medical gas training or backflow certification? </td>

<td width="50%"><input type="checkbox" name="Plumber Certification" value="Medical Gas Training">Medical Gas Training &nbsp; <input type="checkbox" name="Plumber Certification" value="Backflow Certification">Backflow Certification &nbsp; Other: <input name="Plumber Certification Other" type="text">
</td>
</tr>


<tr>
<td colspan="2" align="left"><input type="radio" name="Job Position" value="Plumber's Helper">Plumber's Helper</td>
</tr>

<tr>
<td width="50%" align="right">Do you have an Apprentice Card?</td>

<td width="50%"><input type="radio" name="Plumber Apprentice Card" value="Yes">Yes &nbsp; <input type="radio" name="Plumber Apprentice Card" value="No">No</td>
</tr>

<tr>
<td width="50%" align="right">If yes, are you currently in an Apprentice Program?</td>
<td width="50%"><input type="radio" name="Currently in Apprentice Program" value="Yes">Yes &nbsp; <input type="radio" name="Currently in Apprentice Program" value="No">No</td>
</tr>

<tr>
<td width="50%" align="right">If yes, apprenticeship registration number:</td>

<td width="50%"><input name="Apprenticeship Registration Number" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">If yes, please list the sponsor company or group:</td>
<td width="50%"><input name="Apprenticeship Sponsor" type="text"></td>
</tr>


<tr>
<td colspan="2" align="left"><input type="radio" name="Job Position" value="AC Technician">A/C Technician</td>
</tr>

<tr>
<td width="50%" align="right">If yes, do you have your EPA Certification?</td>

<td width="50%"><input type="radio" name="EPA Certification" value="Yes">Yes &nbsp; <input type="radio" name="EPA Certification" value="No">No</td>
</tr>



<tr>
<td colspan="2" align="left"><input type="radio" name="Job Position" value="Welder">Welder</td>
</tr>

<tr>
<td width="50%" align="right">Do you have a current certification?</td>
<td width="50%"><input type="radio" name="Current Welder Certification" value="Yes">Yes &nbsp; <input type="radio" name="Current Welder Certification" value="No">No</td>

</tr>

<tr>
<td width="50%" align="right">Have you ever been certified?</td>
<td width="50%"><input type="radio" name="Previous Welder Certification" value="Yes">Yes &nbsp; <input type="radio" name="Previous Welder Certification" value="No">No</td>
</tr>

<tr>
<td width="50%" align="right">What kind of welding are you experienced in (check all that apply):</td>
<td width="50%"><input type="checkbox" name="Welding Experience" value="Mig">Mig &nbsp; <input type="checkbox" name="Welding Experience" value="Stick">Stick &nbsp; Other: <input name="Welding Experience Other" Other" type="text">

</td>
</tr>

<tr>
<td width="50%" align="right">Do you have experience welding HVAC piping?</td>
<td width="50%"><input type="radio" name="HVAC Experience" value="Yes">Yes &nbsp; <input type="radio" name="HVAC Experience" value="No">No</td>
</tr>



<tr>
<td width="50%" align="right">
<br>

2. How much experience do you have?
</td>
<td width="50%">
<br>
<input name="Total Experience Months" type="text" size="2"> Months &nbsp; <input name="Total Experience Years" type="text" size="2"> Years</td>
</tr>


<tr>
<td width="50%" align="right">
<br>
3. Have you ever functioned as a Foreman before?</td>

<td width="50%">
<br>
<input type="radio" name="Foreman Experience" value="Yes">Yes &nbsp; <input type="radio" name="Foreman Experience" value="No">No</td>
</tr>


<tr>
<td width="50%" align="right">
<br>
4. Where are you currently working?<br>
(if unemployed, please specify such)
</td>
<td width="50%">

<br>
<input name="Current Employer" type="text"></td>
</tr>


<tr>
<td colspan="2" align="left">
<br>
5. Who have you worked for the last couple of years? (list most recent first)</td>
</tr>

<tr>
<td width="50%">
Company #1 <input name="Past Employer #1" type="text"> </td>

<td width="50%">
Years <input name="Past Employer #1 Years" type="text"> </td>
</tr>

<tr>
<td width="50%">
Company #2 <input name="Past Employer #2" type="text"> </td>
<td width="50%">
Years <input name="Past Employer #2 Years" type="text"> </td>
</tr>

<tr>
<td width="50%">
Company #3 <input name="Past Employer #3" type="text"> </td>
<td width="50%">
Years <input name="Past Employer #3 Years" type="text"> </td>
</tr>


<tr>
<td width="50%" align="right">
<br>
6. Why are you looking for a new position with Raven Mechanical?
</td>

<td width="50%">
<br>
<input name="Why Raven" type="text"></td>
</tr>



<tr>
<td width="50%" align="right">
<br>
7. What type of work are you accustomed to doing?</td>
<td width="50%">
<br>
<input type="checkbox" name="Type of Work" value="Commercial">Commercial &nbsp; <input type="checkbox" name="Type of Work" value="Residential">Residential &nbsp; If commercial, state the type(s): <input name="Type of Work - Commercial" Other" type="text">

</td>
</tr>



<tr>
<td width="50%" align="right">
<br>
8. Do you have a current Drivers License?</td>
<td width="50%">
<br>
<input type="radio" name="Drivers License" value="Yes">Yes &nbsp; <input type="radio" name="Drivers License" value="No">No</td>
</tr>



<tr>
<td width="50%" align="right">
<br>
9. Do you have a clean driving record?</td>
<td width="50%">
<br>
<input type="radio" name="Clean Driving Record" value="Yes">Yes &nbsp; <input type="radio" name="Clean Driving Record" value="No">No</td>
</tr>


<tr>
<td width="50%" align="right">
<br>
10. Do you have reliable transportation?</td>
<td width="50%">
<br>
<input type="radio" name="Reliable Transportation" value="Yes">Yes &nbsp; <input type="radio" name="Reliable Transportation" value="No">No</td>
</tr>



<tr>

<td width="50%" align="right">
<br>
11. Do you have your own hand tools?</td>
<td width="50%">
<br>
<input type="radio" name="Own Hand Tools" value="Yes">Yes &nbsp; <input type="radio" name="Own Hand Tools" value="No">No</td>
</tr>




<tr>
<td width="50%" align="right">

<br>
12. Can you pass an on-site drug test?</td>
<td width="50%">
<br>
<input type="radio" name="Pass Drug Test" value="Yes">Yes &nbsp; <input type="radio" name="Pass Drug Test" value="No">No</td>
</tr>

<tr>
<td colspan="2">(NOTE: drug tests are mandatory and will be administered prior to your hire)</td>
</tr>


<tr>
<td width="50%" align="right">
<br>
13. Have you ever been convicted of a crime in the class of Misdemeanor B or greater in the United States?</td>
<td width="50%">
<br>
<input type="radio" name="Criminal Record" value="Yes">Yes &nbsp; <input type="radio" name="Criminal Record" value="No">No</td>
</tr>

<tr>
<td colspan="2">(NOTE: Conviction does not necessarily preclude you from employment with Raven team)</td>

</tr>

<tr>
<td width="50%" align="right">If yes, city and state crime committed in:</td>
<td width="50%"><input name="City and State of Crime" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">Please elaborate on offense, disposition, and classification:</td>
<td width="50%"><input name="Criminal Offense" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">
<br>

14. What pay rate are you looking for?</td>
<td width="50%">
<br>
$<input name="Hourly Pay Rate Low" type="text" size="3">/Hr. - $<input name="Hourly Pay Rate Low" type="text" size="3">/Hr.</td>
</tr>

<tr>
<td width="50%" align="right">
<br>
15. Would you like to come in for an interview with our Superintendent? When?</td>
<td width="50%">
<br>

<input name="Interview with Superintendent" type="text"></td>
</tr>

<tr>
<td width="50%" align="right">
<br>
16. Tell us why you wish to work with the Raven Mechanical team.</td>
<td width="50%">
<br>
<input name="Why Work with Raven Team" type="text"></td>
</tr>

optimus203
05-26-2010, 04:10 AM
You will need a php mail script. There are many examples you can find by doing a google search. Here (http://php.about.com/od/phpapplications/ss/form_mail.htm) is one of the first ones I found.

You first problem is occuring because your form <form action="mailto:email@email.com">. When you find the right php mail script, you will insert the link to that file here instead of your email.

effpeetee
05-26-2010, 10:18 AM
Lots of general help here. (http://www.exitfegs.co.uk/Sources.html) Use the search box.

One example here.
(http://www.w3.org/TR/REC-html40/interact/forms.html)
Frank

deucesh75
05-27-2010, 04:46 PM
Much thanks to both of you for the help on this. That's what I needed - a little guidance in how to correct. I'll research and let the group know when this project has been completed successfully. Can't thank you all enough for helping this newbie out.

Major Payne
05-28-2010, 03:43 AM
Might also be of help:

Your current hosting package MUST allow SMTP ( http://en.wikipedia.org/wiki/Simple_Mail_Transfer_Protocol ) to work. Otherwise, no email can be sent.

Use any of the below sites to make the workable form you need:

For making forms:

These are really good online form makers. Just follow the instructions for making it and uploading file(s).

http://www.jotform.com/?gclid=CNKhqei1wJ4CFRQhnAod6laUqA (WYSIWYG Form Maker)
http://www.thesitewizard.com/wizards/feedbackform.shtml
http://www.phpform.org/
http://www.tele-pro.co.uk/scripts/contact_form/
http://www.thepcmanwebsite.com/form_mail.shtml

http://emailmeform.com/
http://www.freecontactform.com/
http://www.reconn.us/content/view/12/34/ (Download - Contact Us Script)
http://formsmarts.com/
http://apptools.com/phptools/forms/forms1.php

Form Service: http://www.mycontactform.com/

Online Free Tool, PHP Contact Form Code Generator: http://www.htmlbasix.com/contactform.shtml
PHP Mailer Script Step by Step: http://www.htmlgoodies.com/beyond/php/article.php/3855686

PHP Sending E-mails: http://www.w3schools.com/PHP/php_mail.asp

Freebie: Good looking Fluid Contact Form: http://www.flashuser.net/flash-components/freebie-good-looking-flash-contact-form.html



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum