AJAX contact form

[colt28]

Ok so I found an ajax contact form script but i can't get the b****** to work. I made a bunch of alterations to it and it didn't work so i replaced everything with the original and it still didn't work...dunno why, but anyhow. The form appears after a delay on the page in a hidden DIV. The original form just had name, email and message, but i have to add a few questions to it so i did and i also added some code from another script i found to alter the body text. I probably screwed it all up but i'm no expert so please help.

All the code is in a single php file that's called as an include in the actual page. It displays just fine but when i go to submit it just says "please wait" and never sends an email.

<?
if(!isset($rnd) || !isset($name) || !isset($email) || !isset($realtor) || !isset($when) || !isset($selling)) {
    showform();
} else {
    processform();
}
 
$Body = "";
$Body .= "Name: ";
$Body .= $Name;
$Body .= "\n";
$Body .= "Email: ";
$Body .= $email;
$Body .= "\n";
$Body .= "Working with a Realtor: ";
$Body .= $Realtor;
$Body .= "\n";
$Body .= "How soon they are looking to buy or rent: ";
$Body .= $When;
$Body .= "\n";
$Body .= "Selling their home: ";
$Body .= $Selling;
$Body .= "\n";
 
function processform(){
    global $name, $email, $realtor, $when, $selling, $Body;
 
    $email_to1 = "[e-mail]"; // enter your email here
    $email_from1 = $mail;
    $email_to2 = $mail;
    $email_from2 = $email_to1;
    $email_subject = "Contact Form: ".stripslashes($subject);
    $email_message = "Please find below a message submitted by '".stripslashes($name);
    $email_message .="' on ".date("d/m/Y")." at ".date("H:i")."nn";
    $email_message .="--------- START OF SUBMITTED MESSAGE ---------nn";
    $email_message .= stripslashes($Body);
    $email_message .="nn--------- END OF SUBMITTED MESSAGE ---------nn";
 
    $confirmation_subject = "Thank you for your message";
    $confirmation = "This is to confirm we have received your message....";
 
    // SEND EMAIL TO email_to2 - confirmation
    $headers = 'From: '.$email_from2."rn" .
   'Reply-To: '.$email_from2."rn" .
   'X-Mailer: PHP/' . phpversion();
 
    mail($email_to2, $email_subject, $confirmation, $headers);
 
    // SEND EMAIL TO email_to1 - message to you!!
    $headers = 'From: '.$email_from1."rn" .
   'Reply-To: '.$email_from1."rn" .
   'X-Mailer: PHP/' . phpversion();
 
    mail($email_to1, $email_subject, $email_message, $headers);
 
    echo "Thank You.";
    die();
} // end processform()
 
function showform() {
?>
<STYLE type="text/css">
div.row {
  clear:both;
  }
div.row span.label {
  float: left;
  width: 60px;
  text-align: right;
  }
div.row span.formw {
  float: right;
  width: 220px;
  text-align: left;
  }
div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
div.row span.submit{
  width:280px;
  text-align:center;
}
#form{
    width: 300px;
    height: 500px;
    background-color: #f6f6f6;
    border: 1px dotted #666;
    padding: 2px;
    margin: 0px auto;
    position: relative;
}
#confirmation{
    width: 300px;
    height:220px;
    background-color: #f6f6f6;
    border: 1px dotted #666;
    padding: 2px;
    margin: 0px auto;
    text-align: center;
  font-weight: bold;
}
</STYLE>
<script type="text/javascript">
<!--
var http = createRequestObject();
var areal = Math.random() + "";
var real = areal.substring(2,6);
 
function createRequestObject() {
    var xmlhttp;
    try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); }
  catch(e) {
    try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}
    catch(f) { xmlhttp=null; }
  }
  if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {
      xmlhttp=new XMLHttpRequest();
  }
    return  xmlhttp;
}
 
function sendRequest() {
    var rnd = Math.random();
    var name = escape(document.getElementById("name").value);
    var email = escape(document.getElementById("email").value);
    var realtor = escape(document.getElementById("realtor").value);
    var when = escape(document.getElementById("when").value);
    var selling = escape(document.getElementById("selling").value);
 
    try{
    http.open('POST',  'ajax_contact.php');
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.onreadystatechange = handleResponse;
        http.send('name='+name+'&email='+email+'&realtor='+realtor+'&when='+when+'&selling='+selling+'&rnd='+rnd);
    }
    catch(e){}
    finally{}
}
 
function check_values() {
    var valid = document.getElementById("valid").value;
    if(real !== valid) {
        alert("Anti-Bot check failed.....nPlease enter the 4 digits as they appear.");
        return false;
    }
 
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;
    var realtor = document.getElementById("realtor").value;
    var when = document.getElementById("when").value;
    var selling = document.getElementById("selling").value;
    if(trim(name) == "" ||
        trim(email) == "" ||
        trim(realtor) == "" ||
        trim(when) == "" ||
        trim(selling) == "") {
            alert("Please complete all fields");
    } else {
        if(isEmail(email)) {
            document.getElementById("submit").disabled=true;
            document.getElementById("submit").value='Please Wait..';
            sendRequest();
        } else {
            alert("Email appears to be invalid.nPlease check.");
            document.getElementById("email").focus();
            document.getElementById("email").select();
        }
    }
}
 
function handleResponse() {
    try{
    if((http.readyState == 4)&&(http.status == 200)){
        var response = http.responseText;
      document.getElementById("confirmation").innerHTML = response;
      document.getElementById("confirmation").style.display ="";
      document.getElementById("form").style.display = "none";
        }
  }
    catch(e){}
    finally{}
}
 
function isUndefined(a) {
   return typeof a == 'undefined';
}
 
function trim(a) {
    return a.replace(/^s*(S*(s+S+)*)s*$/, "$1");
}
 
function isEmail(a) {
   return (a.indexOf(".") > 0) && (a.indexOf("@") > 0);
}
 
function botCheckInfo() {
    alert("To prevent automatic programs (bots)nfrom submitting spam through this form,nwe have added a simple validationncheck to the form. You must enter nthese 4 digits in the box provided innorder to submit the form.");
}
 // -->
 </script>
 
<?
} // end showform()
?>
    <div id="form">
<form>
<div class="row"><span class="label">Name:</span>
    <span class="formw"><input type="text" id="name" size="30" /></span></div>
<div class="row"><span class="label">Email:</span>
    <span class="formw"><input type="text" id="email" size="30" /></span></div>
<div class="row"><span class="label">Are your currently working with a Realtor?:</span>
    <span class="formw"><select id="realtor">
          <option value="Yes">Yes</option>
          <option value="No">No</option>
        </select></span></div>
<div class="row"><span class="label">How soon are you looking to buy, sell or rent?:</span>
    <span class="formw"><select id="when">
          <option value="Now">Now</option>
          <option value="Within a few months">Within a few months</option>
          <option value="Within 6 months">Within 6 months</option>
          <option value="Within a year">Within a year</option>
          <option value="Not sure">Not sure</option>
        </select></span></div>
<div class="row"><span class="label">Do you have to sell your home?:</span>
    <span class="formw"><select id="selling">
          <option value="Yes">Yes</option>
          <option value="No">No</option>
        </select></span></div>
<div class="row"><a href="javascript:botCheckInfo()">Anti-bot check</a>. Enter Digits '<b><script language="javascript">document.write(real)</script></b>' below:</div>
<div class="row"><input type="text" id="valid" size="15" /></div>
<div class="row">&nbsp;</div>
<div class="row">
    <input type="button" value="Submit" id="submit" onClick="return check_values();"></div>
<div id="confirmation" style="display:none"></span></div>
</form>
 
</div>

[colt28]

I finally figured it out. It was ONE character. The line where the javasript sends the variables to the php portion had a '$' instead of '&' on one of them. Prime example of why i'm not a coder :oP

Thanks for all your help :o) Much appreciated.

[gits]

*lol* ... nope ... believe me ... such errors are common ... lasty i had such a problem at work ... a colleague searched for a bug and we did together ... it lasts us two hours to find out a mistyped check if (val1 = val2) as an assignment ... we overlooked it every time ... glad to hear you found the error ;)

kind regards

[acoder]

I finally figured it out. It was ONE character. The line where the javasript sends the variables to the php portion had a '$' instead of '&' on one of them.

In your code in post #1, there's no $, but it must've accidentally been added by the time you got to post #7.

Prime example of why i'm not a coder :oP

Thanks for all your help :o) Much appreciated.

As gits said, it doesn't mean you're not a coder. Glad you got it working and good luck with your project.