PHP form isn't showing up properly!

[reflex84]

Hi,I've got a lightbox PHP form that I am trying to configure.I downloaded the form from SIMPLEMODAL and now I am trying to configure the layout of the form submission that you receive in your email inbox. I'm not succeeding as the form submission email comes out in an HTML, like this:

<table width=20" border=" align=enter" cellpadding=" cellspacing=">  <tr>	<td><table width=00%"  border=" cellpadding=" cellspacing=" bgcolor=E7D3AF" class=tyle">	  <tr>		<td colspan=" valign=op"><div align=enter"><strong><span class=tyle1">SUBMISSION FROM YOUR WEBSITE</span><br> ......................................................................................................................</strong><br> </div></td>		</tr>	  <tr>		<td width=2%" valign=op"><div align=eft"><strong>Date Submitted</strong></div></td>		<td width=8%" valign=op">March 2, 2011, 10:11 am</td>	  </tr>	  <tr>		<td valign=op"><div align=eft"><strong>Name</strong></div></td>		<td valign=op">Joe Soap</td>	  </tr>	  <tr>		<td valign=op"><div align=eft"><strong>Country</strong></div></td>		<td valign=op">email@address.com</td>	  </tr>	  <tr>		<td valign=op"><div align=eft"><strong>Telephone</strong></div></td>		<td valign=op">dsssssssssssss</td>	  </tr>	  <tr>		<td valign=op"><div align=eft"><strong> Notes / Comments </strong></div></td>		<td valign=op">ssssssssssssssssssssss</td>	  </tr>	</table></td>  </tr></table> </body>

What am I doing wrong? Am I missing some code?Please look at the forms full PHP code below:

<?php// User settings$to = "email@address.com";$subject = "SimpleModal Contact Form";// Include extra form fields and/or submitter data?// false = do not include$extra = array(	"form_subject"	=> true,	"form_cc"		=> true,	"ip"			=> true,	"user_agent"	=> true);// Process$action = isset($_POST["action"]) ? $_POST["action"] : "";if (empty($action)) {	// Send back the contact form HTML	$output = "<div style='display:none'>	<div class='contact-top'></div>	<div class='contact-content'>		<h1 class='contact-title'>Send us a message:</h1>		<div class='contact-loading' style='display:none'></div>		<div class='contact-message' style='display:none'></div>		<form action='#' style='display:none'>			<label for='contact-name'>*Name:</label>			<input type='text' id='contact-name' class='contact-input' name='name' tabindex='1001' />			<label for='contact-email'>*Email:</label>			<input type='text' id='contact-email' class='contact-input' name='email' tabindex='1002' />";	if ($extra["form_subject"]) {		$output .= "			<label for='contact-subject'>Subject:</label>			<input type='text' id='contact-subject' class='contact-input' name='subject' value='' tabindex='1003' />";	}	$output .= "			<label for='contact-message'>*Message:</label>			<textarea id='contact-message' class='contact-input' name='message' cols='40' rows='4' tabindex='1004'></textarea>			<br/>";	if ($extra["form_cc"]) {		$output .= "			<label> </label>			<input type='checkbox' id='contact-cc' name='cc' value='1' tabindex='1005' /> <span class='contact-cc'>Send me a copy</span>			<br/>";	}	$output .= "			<label> </label>			<button type='submit' class='contact-send contact-button' tabindex='1006'>Send</button>			<button type='submit' class='contact-cancel contact-button simplemodal-close' tabindex='1007'>Cancel</button>			<br/>			<input type='hidden' name='token' value='" . smcf_token($to) . "'/>		</form>	</div>	<div class='contact-bottom'><a href='http://www.ericmmartin.com/projects/simplemodal/'>Powered by SimpleModal</a></div></div>";	echo $output;}else if ($action == "send") {	// Send the email	$name = isset($_POST["name"]) ? $_POST["name"] : "";	$email = isset($_POST["email"]) ? $_POST["email"] : "";	$subject = isset($_POST["subject"]) ? $_POST["subject"] : $subject;	$message = isset($_POST["message"]) ? $_POST["message"] : "";	$cc = isset($_POST["cc"]) ? $_POST["cc"] : "";	$token = isset($_POST["token"]) ? $_POST["token"] : "";	// make sure the token matches	if ($token === smcf_token($to)) {		smcf_send($name, $email, $subject, $message, $cc);		echo "Your message was successfully sent.";	}	else {		echo "Unfortunately, your message could not be verified.";	}}function smcf_token($s) {	return md5("smcf-" . $s . date("WY"));}// Validate and send emailfunction smcf_send($name, $email, $subject, $message, $cc) {	global $to, $extra;	// Filter and validate fields	$name = smcf_filter($name);	$subject = smcf_filter($subject);	$email = smcf_filter($email);	if (!smcf_validate_email($email)) {		$subject .= " - invalid email";		$message .= "\n\nBad email: $email";		$email = $to;		$cc = 0; // do not CC "sender"	}	// Add additional info to the message	// Set and wordwrap message body	$body = "From: $name\n\n";	$body .= "Message: $message";	$body = '<table width="420" border="0" align="center" cellpadding="0" cellspacing="5">  <tr>	<td><table width="100%"  border="0" cellpadding="8" cellspacing="0" bgcolor="#E7D3AF" class="style">	  <tr>		<td colspan="2" valign="top"><div align="center"><strong><span class="style1">SUBMISSION FROM YOUR WEBSITE</span><br> ......................................................................................................................</strong><br> </div></td>		</tr>	  <tr>		<td width="32%" valign="top"><div align="left"><strong>Date Submitted</strong></div></td>		<td width="68%" valign="top">'. date("F j, Y, g:i a") .'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Name</strong></div></td>		<td valign="top">'.$_POST['name'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Country</strong></div></td>		<td valign="top">'.$_POST['email'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Telephone</strong></div></td>		<td valign="top">'.$_POST['subject'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong> Notes / Comments </strong></div></td>		<td valign="top">'.$_POST['message'].'</td>	  </tr>	</table></td>  </tr></table>';	// Build header	$headers = "From: $email\n";	if ($cc == 1) {		$headers .= "Cc: $email\n";	}	$headers .= "X-Mailer: PHP/SimpleModalContactForm";	// UTF-8	if (function_exists('mb_encode_mimeheader')) {		$subject = mb_encode_mimeheader($subject, "UTF-8", "B", "\n");	}	else {		// you need to enable mb_encode_mimeheader or risk 		// getting emails that are not UTF-8 encoded	}	$headers .= "MIME-Version: 1.0\n";	$headers .= "Content-type: text/plain; charset=utf-8\n";	$headers .= "Content-Transfer-Encoding: quoted-printable\n";	// Send email	@mail($to, $subject, $body, $headers) or 		die("Unfortunately, a server issue prevented delivery of your message.");}// Remove any un-safe values to prevent email injectionfunction smcf_filter($value) {	$pattern = array("/\n/","/\r/","/content-type:/i","/to:/i", "/from:/i", "/cc:/i");	$value = preg_replace($pattern, "", $value);	return $value;}// Validate email address format in case client-side validation "fails"function smcf_validate_email($email) {	$at = strrpos($email, "@");	// Make sure the at (@) sybmol exists and  	// it is not the first or last character	if ($at && ($at < 1 || ($at + 1) == strlen($email)))		return false;	// Make sure there aren't multiple periods together	if (preg_match("/(\.{2,})/", $email))		return false;	// Break up the local and domain portions	$local = substr($email, 0, $at);	$domain = substr($email, $at + 1);	// Check lengths	$locLen = strlen($local);	$domLen = strlen($domain);	if ($locLen < 1 || $locLen > 64 || $domLen < 4 || $domLen > 255)		return false;	// Make sure local and domain don't start with or end with a period	if (preg_match("/(^\.|\.$)/", $local) || preg_match("/(^\.|\.$)/", $domain))		return false;	// Check for quoted-string addresses	// Since almost anything is allowed in a quoted-string address,	// we're just going to let them go through	if (!preg_match('/^"(.+)"$/', $local)) {		// It's a dot-string address...check for valid characters		if (!preg_match('/^[-a-zA-Z0-9!#$%*\/?|^{}`~&\'+=_\.]*$/', $local))			return false;	}	// Make sure domain contains only valid characters and at least one period	if (!preg_match("/^[-a-zA-Z0-9\.]*$/", $domain) || !strpos($domain, "."))		return false;		return true;}exit;?>

Basically I am suspect about this part in the above PHP:

	// Set and wordwrap message body	$body = "From: $name\n\n";	$body .= "Message: $message";	$body = '<table width="420" border="0" align="center" cellpadding="0" cellspacing="5">  <tr>	<td><table width="100%"  border="0" cellpadding="8" cellspacing="0" bgcolor="#E7D3AF" class="style">	  <tr>		<td colspan="2" valign="top"><div align="center"><strong><span class="style1">SUBMISSION FROM YOUR WEBSITE</span><br> ......................................................................................................................</strong><br> </div></td>		</tr>	  <tr>		<td width="32%" valign="top"><div align="left"><strong>Date Submitted</strong></div></td>		<td width="68%" valign="top">'. date("F j, Y, g:i a") .'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Name</strong></div></td>		<td valign="top">'.$_POST['name'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Country</strong></div></td>		<td valign="top">'.$_POST['email'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Telephone</strong></div></td>		<td valign="top">'.$_POST['subject'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong> Notes / Comments </strong></div></td>		<td valign="top">'.$_POST['message'].'</td>	  </tr>	</table></td>  </tr></table>';

Please help, thanks!Dale.

[thescientist]

If you're mail client doesn't support HTML email, then you will just see the plain markup. If you just want straight text, then do something like this:

$body = "From: $name\n\n";$body .= "Message: $message\n\n";$body .= "Date Submitted: " . date("F j, Y, g:i a") . "\n\n";...

just concatenate all the fields you want to appear in the body as opposed to putting it inside markup tags.

[reflex84]

My mail Client does support HTML. I'm using windows Mail at the moment.You see, I want the form submission to have a decent appearance when the recipient receives it.The original PHP script that SIMPLEMODAL is the following:

<?php/* * SimpleModal Contact Form * http://www.ericmmartin.com/projects/simplemodal/ * http://code.google.com/p/simplemodal/ * * Copyright (c) 2009 Eric Martin - http://ericmmartin.com * * Licensed under the MIT license: *   http://www.opensource.org/licenses/mit-license.php * * Revision: $Id: contact-dist.php 254 2010-07-23 05:14:44Z emartin24 $ * */// User settings$to = "user@yourdomain.com";$subject = "SimpleModal Contact Form";// Include extra form fields and/or submitter data?// false = do not include$extra = array(	"form_subject"	=> true,	"form_cc"		=> true,	"ip"			=> true,	"user_agent"	=> true);// Process$action = isset($_POST["action"]) ? $_POST["action"] : "";if (empty($action)) {	// Send back the contact form HTML	$output = "<div style='display:none'>	<div class='contact-top'></div>	<div class='contact-content'>		<h1 class='contact-title'>Send us a message:</h1>		<div class='contact-loading' style='display:none'></div>		<div class='contact-message' style='display:none'></div>		<form action='#' style='display:none'>			<label for='contact-name'>*Name:</label>			<input type='text' id='contact-name' class='contact-input' name='name' tabindex='1001' />			<label for='contact-email'>*Email:</label>			<input type='text' id='contact-email' class='contact-input' name='email' tabindex='1002' />";	if ($extra["form_subject"]) {		$output .= "			<label for='contact-subject'>Subject:</label>			<input type='text' id='contact-subject' class='contact-input' name='subject' value='' tabindex='1003' />";	}	$output .= "			<label for='contact-message'>*Message:</label>			<textarea id='contact-message' class='contact-input' name='message' cols='40' rows='4' tabindex='1004'></textarea>			<br/>";	if ($extra["form_cc"]) {		$output .= "			<label> </label>			<input type='checkbox' id='contact-cc' name='cc' value='1' tabindex='1005' /> <span class='contact-cc'>Send me a copy</span>			<br/>";	}	$output .= "			<label> </label>			<button type='submit' class='contact-send contact-button' tabindex='1006'>Send</button>			<button type='submit' class='contact-cancel contact-button simplemodal-close' tabindex='1007'>Cancel</button>			<br/>			<input type='hidden' name='token' value='" . smcf_token($to) . "'/>		</form>	</div>	<div class='contact-bottom'><a href='http://www.ericmmartin.com/projects/simplemodal/'>Powered by SimpleModal</a></div></div>";	echo $output;}else if ($action == "send") {	// Send the email	$name = isset($_POST["name"]) ? $_POST["name"] : "";	$email = isset($_POST["email"]) ? $_POST["email"] : "";	$subject = isset($_POST["subject"]) ? $_POST["subject"] : $subject;	$message = isset($_POST["message"]) ? $_POST["message"] : "";	$cc = isset($_POST["cc"]) ? $_POST["cc"] : "";	$token = isset($_POST["token"]) ? $_POST["token"] : "";	// make sure the token matches	if ($token === smcf_token($to)) {		smcf_send($name, $email, $subject, $message, $cc);		echo "Your message was successfully sent.";	}	else {		echo "Unfortunately, your message could not be verified.";	}}function smcf_token($s) {	return md5("smcf-" . $s . date("WY"));}// Validate and send emailfunction smcf_send($name, $email, $subject, $message, $cc) {	global $to, $extra;	// Filter and validate fields	$name = smcf_filter($name);	$subject = smcf_filter($subject);	$email = smcf_filter($email);	if (!smcf_validate_email($email)) {		$subject .= " - invalid email";		$message .= "\n\nBad email: $email";		$email = $to;		$cc = 0; // do not CC "sender"	}	// Add additional info to the message	if ($extra["ip"]) {		$message .= "\n\nIP: " . $_SERVER["REMOTE_ADDR"];	}	if ($extra["user_agent"]) {		$message .= "\n\nUSER AGENT: " . $_SERVER["HTTP_USER_AGENT"];	}	// Set and wordwrap message body	$body = "From: $name\n\n";	$body .= "Message: $message";	$body = wordwrap($body, 70);	// Build header	$headers = "From: $email\n";	if ($cc == 1) {		$headers .= "Cc: $email\n";	}	$headers .= "X-Mailer: PHP/SimpleModalContactForm";	// UTF-8	if (function_exists('mb_encode_mimeheader')) {		$subject = mb_encode_mimeheader($subject, "UTF-8", "B", "\n");	}	else {		// you need to enable mb_encode_mimeheader or risk 		// getting emails that are not UTF-8 encoded	}	$headers .= "MIME-Version: 1.0\n";	$headers .= "Content-type: text/plain; charset=utf-8\n";	$headers .= "Content-Transfer-Encoding: quoted-printable\n";	// Send email	@mail($to, $subject, $body, $headers) or 		die("Unfortunately, a server issue prevented delivery of your message.");}// Remove any un-safe values to prevent email injectionfunction smcf_filter($value) {	$pattern = array("/\n/","/\r/","/content-type:/i","/to:/i", "/from:/i", "/cc:/i");	$value = preg_replace($pattern, "", $value);	return $value;}// Validate email address format in case client-side validation "fails"function smcf_validate_email($email) {	$at = strrpos($email, "@");	// Make sure the at (@) sybmol exists and  	// it is not the first or last character	if ($at && ($at < 1 || ($at + 1) == strlen($email)))		return false;	// Make sure there aren't multiple periods together	if (preg_match("/(\.{2,})/", $email))		return false;	// Break up the local and domain portions	$local = substr($email, 0, $at);	$domain = substr($email, $at + 1);	// Check lengths	$locLen = strlen($local);	$domLen = strlen($domain);	if ($locLen < 1 || $locLen > 64 || $domLen < 4 || $domLen > 255)		return false;	// Make sure local and domain don't start with or end with a period	if (preg_match("/(^\.|\.$)/", $local) || preg_match("/(^\.|\.$)/", $domain))		return false;	// Check for quoted-string addresses	// Since almost anything is allowed in a quoted-string address,	// we're just going to let them go through	if (!preg_match('/^"(.+)"$/', $local)) {		// It's a dot-string address...check for valid characters		if (!preg_match('/^[-a-zA-Z0-9!#$%*\/?|^{}`~&\'+=_\.]*$/', $local))			return false;	}	// Make sure domain contains only valid characters and at least one period	if (!preg_match("/^[-a-zA-Z0-9\.]*$/", $domain) || !strpos($domain, "."))		return false;		return true;}exit;?>

Now when the form is submitted with this code, the email comes out as plain text.Below is another PHP form that I have been using for all my other websites and email comes out in a neat box because of the HTML table layout it has in the coding:

 <?	session_start();	include("verification_image.class.php");	$image = new verification_image();	if (($image->validate_code($_POST['validate']) ? "true" : "false") == "false") {		header('Location: http://www.examplewebsite.com/fail.htm');			exit;	}	$to = "email@address.com"; 	$from = $_POST['email']; 	$subject = "Website Enquiry"; 	$sbody = '<table width="420" height="135" border="0" align="center" cellpadding="0" cellspacing="0">				<!--DWLayoutTable-->				<tr>				  <td height="90" colspan="5"><div align="center">Reservation & Enquiries Submission Form </div></td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Name</span></td>				  <td width="180" valign="top">'.$_POST['name'].'</td>				  <td width="42"> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Country</span></td>				  <td valign="top">'.$_POST['country'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Telephone</span></td>				  <td valign="top">'.$_POST['tel'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Fax</span></td>				  <td valign="top">'.$_POST['fax'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Email</span></td>				  <td valign="top">'.$_POST['email'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">No. of Guests</span></td>				  <td valign="top">'.$_POST['guests'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Date In </span></td>				  <td valign="top">'.$_POST['dayin'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="25" colspan="3" align="center" valign="middle"><span class="style7">Date Out</span></td>				  <td valign="top">'.$_POST['dayout'].'</td>				  <td> </td>				</tr>				<tr>				  <td height="35" colspan="3" align="center" valign="bottom"><span class="style7">Notes / Comments </span></td>				  <td colspan="2" rowspan="2" valign="middle">'.$_POST['notes'].'</td>				</tr>				<tr>				  <td width="84" height="108" align="center" valign="middle"><!--DWLayoutEmptyCell--> </td>				  <td width="69" align="center" valign="middle"><!--DWLayoutEmptyCell--> </td>				  <td width="17"> </td>				</tr>				<tr>				  <td height="17"></td>				  <td></td>				  <td></td>				  <td></td>				  <td></td>				</tr>			  </table>';	$sBodyNew = '<style type="text/css"><!--.style {	font-family: Arial;	font-size: 12px;	color: #4D241E;}body {	background-image: url();	background-color: #F1EAE4;}.style1 {font-size: 14px}--></style><p> </p><table width="420" border="0" align="center" cellpadding="0" cellspacing="5">  <tr>	<td><table width="100%"  border="0" cellpadding="8" cellspacing="0" bgcolor="#E7D3AF" class="style">	  <tr>		<td colspan="2" valign="top"><div align="center"><strong><span class="style1">Website Submission</span><br> ......................................................................................................................</strong><br> </div></td>		</tr>	  <tr>		<td width="32%" valign="top"><div align="left"><strong>Date Submitted</strong></div></td>		<td width="68%" valign="top">'. date("F j, Y, g:i a") .'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Name</strong></div></td>		<td valign="top">'.$_POST['name'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Country</strong></div></td>		<td valign="top">'.$_POST['country'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Telephone</strong></div></td>		<td valign="top">'.$_POST['tel'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Fax</strong></div></td>		<td valign="top">'.$_POST['fax'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Email</strong></div></td>		<td valign="top">'.$_POST['email'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>No. of Guests </strong></div></td>		<td valign="top">'.$_POST['guests'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Date In </strong></div></td>		<td valign="top">'.$_POST['dayin'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Date Out </strong></div></td>		<td valign="top">'.$_POST['dayout'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Notes / Comments </strong></div></td>		<td valign="top">'.$_POST['notes'].'</td>	  </tr>	</table></td>  </tr></table>';			  	$headers  = "From: $from\r\n";	$headers .= "Content-type: text/html\r\n"; 	$success = mail($to, $subject, $sBodyNew, $headers);			  	header('Location: http://www.examplewebsite.com/success.htm');	?>

So is there any way I can use the code above in the SIMPLEMODAL php script so that the form comes out nicely?

[justsomeguy]

You can build your HTML to use as the message body and send that to the smcf_send function, but you'll need to modify that function to also send the HTML content type header with the email, and you'll also want to change how it adds the IP and user agent so that they show up correctly in the HTML.

[reflex84]

Hi,Ok, well I'm not very sure what that all means ...?I don't really need the IP and USER agent .... so I'll remove that.I just need to know how to setup up the HTML so that the recipient receives it in the style (copy and paste into dreamweaver to see what I mean)

<table width="420" border="0" align="center" cellpadding="0" cellspacing="5">  <tr>	<td><table width="100%"  border="0" cellpadding="8" cellspacing="0" bgcolor="#E7D3AF" class="style">	  <tr>		<td colspan="2" valign="top"><div align="center"><strong><span class="style1">SUBMISSION FROM YOUR WEBSITE WWW.KWALUCIA.COM</span><br> ......................................................................................................................</strong><br> </div></td>		</tr>	  <tr>		<td width="32%" valign="top"><div align="left"><strong>Date Submitted</strong></div></td>		<td width="68%" valign="top">'. date("F j, Y, g:i a") .'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Name</strong></div></td>		<td valign="top">'.$_POST['name'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Country</strong></div></td>		<td valign="top">'.$_POST['email'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong>Telephone</strong></div></td>		<td valign="top">'.$_POST['subject'].'</td>	  </tr>	  <tr>		<td valign="top"><div align="left"><strong> Notes / Comments </strong></div></td>		<td valign="top">'.$_POST['message'].'</td>	  </tr>	</table></td>  </tr></table>

Appreciate your help

[reflex84]

BTW: I have almost zero knowledge about PHP (hence why I need your guys help)Dale.

[justsomeguy]

The email message has a content type that tells the email client how to display the message. For your code that works, you set the content type like this:$headers .= "Content-type: text/html\r\n";the other code sets it like this:$headers .= "Content-type: text/plain; charset=utf-8\n";One is text/html, and one is text/plain. If you want the mail client to render the message as HTML, then you need to tell it that you are sending HTML. The content-type header is how you do that.Other than that, you just need to send the HTML markup to the email function. Right now you're just sending $_POST['message'] as the mail body, you need to build your HTML markup and use that as the body instead.