Witam,
Znalazłem ciekawy, a zarazem prosty formularz kontaktowy. Problem w tym, że pomimo wykonania wszystkich wskazówek z tutoriala nie wysyła maila. Stawiam swoje pierwsze kroki w PHP, stąd moja prośba o pomoc. Otrzymuję taki komunikat: "Uncaught TypeError: Cannot read property 'childNodes' of undefined". Poniżej wkleiłem (moim zdaniem) problematyczną część.

  1. <div id="contactFormArea">
  2. <form action="scripts/contact.php" method="post" id="cForm">
  3. <label for="posName">Imię</label>
  4. <input class="input" type="text" size="25" name="posName" id="posName" /><br />
  5.  
  6. <label for="posEmail">Email</label>
  7. <input class="input" type="text" size="25" name="posEmail" id="posEmail" /><br />
  8.  
  9. <label for="posRegard">Temat</label>
  10. <input class="input" type="text" size="25" name="posRegard" id="posRegard" /><br />
  11.  
  12. <label for="posText">Wiadomość</label>
  13. <textarea cols="50" rows="5" name="posText" id="posText" class="textarea"></textarea><br />
  14.  
  15. <input class="input-submit" type="submit" name="sendContactEmail" id="sendContactEmail" value=" " />
  16. </form>


contact.php
  1. <?php
  2. // Change the 4 variables below
  3. $yourName = 'Piotr';
  4. $yourEmail = '*@master.pl';
  5. $yourSubject = 'Test Subject';
  6. $referringPage = 'http://www.*.master.pl';
  7. // No need to edit below unless you really want to. It's using a simple php mail() function. Use your own if you want
  8. function cleanPosUrl ($str) {
  9. return stripslashes($str);
  10. }
  11. if ( isset($_POST['sendContactEmail']) )
  12. {
  13. $to = $yourEmail;
  14. $subject = $yourSubject.': '.$_POST['posRegard'];
  15. $message = cleanPosUrl($_POST['posText']);
  16. $headers = "From: ".cleanPosUrl($_POST['posName'])." <".$_POST['posEmail'].">\r\n";
  17. $headers .= 'To: '.$yourName.' <'.$yourEmail.'>'."\r\n";
  18. $mailit = mail($to,$subject,$message,$headers);
  19. if ( @$mailit ) {
  20. header('Location: '.$referringPage.'?success=true');
  21. } else {
  22. header('Location: '.$referringPage.'?error=true');
  23. }
  24. }
  25. ?>


xmlHttpRequest.php
  1. <?php
  2. $yourName = 'Piotr';
  3. $yourEmail = '*@master.pl';
  4. $yourSubject = 'Test Subject';
  5. $referringPage = 'http://www.*.master.pl';
  6.  
  7.  
  8. header('Content-Type: text/xml');
  9. echo '<?xml version="1.0" encoding="UTF-8" standalone="yes"?>';
  10.  
  11. echo '<resultset>';
  12.  
  13. function cleanPosUrl ($str) {
  14. $nStr = $str;
  15. $nStr = str_replace("**am**","&",$nStr);
  16. $nStr = str_replace("**pl**","+",$nStr);
  17. $nStr = str_replace("**eq**","=",$nStr);
  18. return stripslashes($nStr);
  19. }
  20. if ( $_GET['contact'] == true && $_GET['xml'] == true && isset($_POST['posText']) ) {
  21. $to = $yourName;
  22. $subject = 'Mail ze strony: '.cleanPosUrl($_POST['posRegard']);
  23. $message = cleanPosUrl($_POST['posText']);
  24. $headers = "From: ".cleanPosUrl($_POST['posName'])." <".cleanPosUrl($_POST['posEmail']).">\r\n";
  25. $headers .= 'To: '.$yourName.' <'.$yourEmail.'>'."\r\n";
  26. $mailit = mail($to,$subject,$message,$headers);
  27.  
  28. if ( @$mailit )
  29. { $posStatus = 'OK'; $posConfirmation = 'Ok! Twój Email został wysłany.'; }
  30. else
  31. { $posStatus = 'NOTOK'; $posConfirmation = 'Twój Email nie mógł zostać wysłany. Spróbuj później.'; }
  32.  
  33. /*if ( $_POST['selfCC'] == 'send' )
  34.   {
  35.   $ccEmail = cleanPosUrl($_POST['posEmail']);
  36.   @mail($ccEmail,$subject,$message,"From: Yourself <".$ccEmail.">\r\nTo: Yourself");
  37.   }*/
  38.  
  39. echo '
  40. <status>'.$posStatus.'</status>
  41. <confirmation>'.$posConfirmation.'</confirmation>
  42. <regarding>'.cleanPosUrl($_POST['posRegard']).'</regarding>
  43. ';
  44. }
  45. echo' </resultset>';
  46.  
  47. ?>


contact.js

[js]function isEmailAddr(email)
{
var result = false;
var theStr = new String(email);
var index = theStr.indexOf("@");
if (index > 0)
{
var pindex = theStr.indexOf(".",index);
if ((pindex > index+1) && (theStr.length > pindex+1))
result = true;
}
return result;
}

function validateFields() {
var frmEl = document.getElementById('cForm');
var posName = document.getElementById('posName');
var posEmail = document.getElementById('posEmail');
var posRegard = document.getElementById('posRegard');
var posText = document.getElementById('posText');
//var strCC = document.getElementById('selfCC');
var whiteSpace = /^[\s]+$/;
if ( posText.value == '' || whiteSpace.test(posText.value) ) {
alert("Proszę uzupełnić brakujace pola.");
}
else if (posEmail.value.length<1){
alert("Proszę podać adres e-mail.");
}
else if (isEmailAddr(posEmail.value)==false){
alert("Proszę podać poprawny adres e-mail");
}
else {
sendPosEmail();
}
}
function sendPosEmail () {
var success = document.getElementById('emailSuccess');
var posName = document.getElementById('posName');
var posEmail = document.getElementById('posEmail');
var posRegard = document.getElementById('posRegard');
var posText = document.getElementById('posText');
var page = "scripts/xmlHttpRequest.php?contact=true&xml=true";

showContactTimer(); // quickly begin the load bar
success.style.display = 'none'; // hide the success bar (incase this is a multi-email

// convert (&, +, =) to string equivs. Needed so URL encoded POST won't choke.
var str1 = posName.value;
str1 = str1.replace(/&/g,"**am**");
str1 = str1.replace(/=/g,"**eq**");
str1 = str1.replace(/\+/g,"**pl**");
var str2 = posEmail.value;
str2 = str2.replace(/&/g,"**am**");
str2 = str2.replace(/=/g,"**eq**");
str2 = str2.replace(/\+/g,"**pl**");
var str3 = posRegard.value;
str3 = str3.replace(/&/g,"**am**");
str3 = str3.replace(/=/g,"**eq**");
str3 = str3.replace(/\+/g,"**pl**");
var str4 = posText.value;
str4 = str4.replace(/&/g,"**am**");
str4 = str4.replace(/=/g,"**eq**");
str4 = str4.replace(/\+/g,"**pl**");

var stuff = "posName="+str1+"&posEmail="+str2+"&posRegard="+str3+"&posText="+str4;
loadXMLPosDoc(page,stuff)
}
function showContactTimer () {
var loader = document.getElementById('loadBar');
loader.style.display = 'block';
sentTimer = setTimeout("hideContactTimer()",6000);
}

function hideContactTimer () {
var loader = document.getElementById('loadBar');
var success = document.getElementById('emailSuccess');
var fieldArea = document.getElementById('contactFormArea');
var inputs = fieldArea.getElementsByTagName('input');
var inputsLen = inputs.length;
var tAreas = fieldArea.getElementsByTagName('textarea');
var tAreasLen = tAreas.length;
// Hide the load bar alas! Done Loading
loader.style.display = "none";
success.style.display = "block";
success.innerHTML = '<strong style="color:red;">'+grabPosXML("confirmation")+'</strong>';
// Now Hijack the form elements
for ( i=0;i<inputsLen;i++ ) {
if ( inputs[i].getAttribute('type') == 'text' ) {
inputs[i].value = '';
}
}
for ( j=0;j<tAreasLen;j++ ) {
tAreas[j].value = '';
}
}

function ajaxContact() {
var frmEl = document.getElementById('cForm');
addEvent(frmEl, 'submit', validateFields, false);
frmEl.onsubmit = function() { return false; }
}
addEvent(window, 'load',ajaxContact, false);
[/js]

xmlHttp.js

[js]var pos; // variable for posting information
function loadXMLPosDoc(url,posData) {
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest) {
pos = new XMLHttpRequest();
pos.onreadystatechange = processPosChange;
pos.open("POST", url, false);
pos.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
pos.send(posData);
// branch for IE/Windows ActiveX version
} else if (window.ActiveXObject) {
pos = new ActiveXObject("Microsoft.XMLHTTP");
if (pos) {
pos.onreadystatechange = processPosChange;
pos.open("POST", url, false);
pos.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
pos.send(posData);
}
}
}

function grabPosXML (tagName) {
return pos.responseXML.documentElement.getElementsByTagName(tagName)[0].childNodes[0].n
odeValue;
}

function processPosChange() {
// page loaded "complete"
if (pos.readyState == 4) {
// page is "OK"
if (pos.status == 200) {
if ( grabPosXML("posStatus") == 'NOTOK' ) {
alert('There were problems Sending Email. Please check back in a couple minutes');
}
}
}
}[/js]