AJAX

AJAX Send Email Form with prototype and PHP

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: May 2004

Posts: 1,478

Reputation: mikeandike22 is an unknown quantity at this point

Solved Threads: 18

mikeandike22 mikeandike22 is offline

Offline

Nearly a Posting Virtuoso

AJAX Send Email Form with prototype and PHP

Mar 20th, 2008

Hey Im trying to send an email with PHP. but Im using ajax to load all my pages So i dont want to disrupt that flow by having the page refresh when you hit submit..I just want it to be like loading and then echo Thank you or something. Here is my current code.

HTML

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  <form method"post" onsubmit="return false;">
   <label>Your Email:<br /><input type="text" name="email" id="email" /></label><br />
   <label>Subject:<br /><input type="text" name="subject" id="subject" style="width:500px;" /></label><br />
   <label>Message:<br /><input type="text" name="message" id="message" style="width:500px;height:200px;background-color:#DFB782;color:#000;border:1px solid #462401;font-weight:bold;" /></label><br />
   <input type="submit" value="Send" style="background-color:#DFB782;color:#000;border:1px solid #462401;font-weight:bold;margin-top:5px;padding:5px;font-size:18px;" onClick="sendRequest()" />
  </form>
  <form method"post" onsubmit="return false;">
   <label>Your Email:<br /><input type="text" name="email" id="email" /></label><br />
   <label>Subject:<br /><input type="text" name="subject" id="subject" style="width:500px;" /></label><br />
   <label>Message:<br /><input type="text" name="message" id="message" style="width:500px;height:200px;background-color:#DFB782;color:#000;border:1px solid #462401;font-weight:bold;" /></label><br />
   <input type="submit" value="Send" style="background-color:#DFB782;color:#000;border:1px solid #462401;font-weight:bold;margin-top:5px;padding:5px;font-size:18px;" onClick="sendRequest()" />
  </form>

PHP

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<?php
$mail['to'] = 'business@caffeinatedcustoms.com';
$mail['from'] = $_POST['email'];
$mail['subject'] = $_POST['subject'];
$mail['message'] .= $_POST['message'];
$mail['header'] = 'From: '.$_POST['Name'].'<'. $mail['from'] . ">\r\n";
 
$mail['status'] = @mail($mail['to'], $mail['subject'], $mail['message'], $mail['header']);
if ($mail['status'] == false) {
    echo 'Failed to send mail to ' . $mail['to'] . '.<br>Error: ' . error_get_last();
    exit;
}
else{
 echo 'Thank You we will Resond Soon';
 }
?>
<?php
$mail['to'] = 'business@caffeinatedcustoms.com';
$mail['from'] = $_POST['email'];
$mail['subject'] = $_POST['subject'];
$mail['message'] .= $_POST['message'];
$mail['header'] = 'From: '.$_POST['Name'].'<'. $mail['from'] . ">\r\n";

$mail['status'] = @mail($mail['to'], $mail['subject'], $mail['message'], $mail['header']);
if ($mail['status'] == false) {
    echo 'Failed to send mail to ' . $mail['to'] . '.<br>Error: ' . error_get_last();
    exit;
}
else{
 echo 'Thank You we will Resond Soon';
 }
?>

Javascript

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
   <script type="text/javascript" src="prototype.js"></script>
	<script>
 
			function sendRequest() {
				new Ajax.Request("sendmail.php", 
					{ 
					method: 'post', 
					postBody: 'message='+ $F('message'),
					onComplete: showResponse 
					});
				}
 
			function showResponse(req){
				$('show').innerHTML= req.responseText;
			}
   </script>
   <script type="text/javascript" src="prototype.js"></script>
	<script>

			function sendRequest() {
				new Ajax.Request("sendmail.php", 
					{ 
					method: 'post', 
					postBody: 'message='+ $F('message'),
					onComplete: showResponse 
					});
				}

			function showResponse(req){
				$('show').innerHTML= req.responseText;
			}
   </script>

Thanks in advance

My Daniweb Blog: This,That, and Everything Else (Blog contest winner)

GetFirefox!
GetOpera!

•

Join Date: Jun 2006

Posts: 7,609

Reputation: ~s.o.s~ has much to be proud of

Solved Threads: 464

~s.o.s~

Offline

Failure as a human

Re: AJAX Send Email Form with prototype and PHP

Mar 22nd, 2008

This forum is basically for generic Javascript questions which don't necessarily refer to a particular library. This question would be more appropriate in the Prototype.js forums where you have better chances of getting help. :-)

I don't accept change; I don't deserve to live.