Alleen bij IE foutmelding bij bevestiging (Ajax)
Probleem pagina:
http://www.renewennekes.com/contact.php
Bij andere browsers werkt het zonder problemen.
Ik laat een extern php scriptje de mail verzenden en een stukje tekst returnen.
Aan de hand daarvan laat ik een <div> verschijne of het gelukt is of niet.
Dit gebeurt ook goed alleen een fractie daarna gaat het in IE mis.
Het lijkt erop dat de pagina opnieuw wordt geladen terwijl dat in FF niet gebeurt.
Dit is de js code
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<script type="text/javascript">
<!-- Begin
var xmlHttp;
function createXMLHttpRequest () {
if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
else if(window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();}
} // End of function createXMLHttpRequest ()
function handleStateChange() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
//alert(xmlHttp.responseText); // De uitvoer van contactsendmail.php zou hier moeten verschijnen.
if (xmlHttp.responseText == "Your message is succesfully send.") {
//document.getElementById('contactform').style.display = 'none'
//document.getElementById('contactsenderror').style.display = 'none'
document.getElementById('blackground').style.display = 'block'
document.getElementById('contactconfirm').style.display = 'block'
//document.getElementById('contactform').reset();
}
if (xmlHttp.responseText == "Something went wrong.") {
//document.getElementById('contactform').style.display = 'none'
//document.getElementById('contactconfirm').style.display = 'none'
document.getElementById('blackground').style.display = 'block'
document.getElementById('contactsenderror').style.display = 'block'
}
}
}
} // End of function handleStateChange()
function doRequestUsingPOST() {
var recipient = document.getElementById("recipient").value;
var subject = document.getElementById("subject").value;
var enccode = document.getElementById("enccode").value;
var code = document.getElementById("code").value;
var naam = document.getElementById("Naam").value;
var adres = document.getElementById("Adres").value;
var postcode = document.getElementById("Postcode").value;
var woonplaats = document.getElementById("Woonplaats").value;
var telefoon = document.getElementById("Telefoon").value;
var email = document.getElementById("Email").value;
var vraag = document.getElementById("vraag").value;
var message = "";
if (naam=="") {message = message + "<li>The 'Name' field is empty.</li><br />\n";}
if (adres=="") {message = message + "<li>The 'Adres' field is empty.</li><br />\n";}
if (postcode=="") {message = message + "<li>The 'Postalcode' field is empty.</li><br />\n";}
if (woonplaats=="") {message = message + "<li>The 'City' field is empty.</li><br />\n";}
if (telefoon=="") {telefoon = "Niet ingevuld";}
//if (email=="") {message = message + "<li>The 'E-mail' field is not correct.</li><br />\n";}
if (email.indexOf ('@',0) == -1 ||
email.indexOf ('.',0) == -1) {message = message + "<li>The 'E-mail' field is not correct.</li><br />\n";}
if (code=="") {message = message + "<li>You have to enter the verification code as shown.</li><br />\n";}
if (enccode != hex_md5(code)) {message = message + "<li>The verification code is false.</li><br />\n";}
if (vraag=="") {message = message + "<li>The 'Question' field is empty.</li><br />\n";}
//if (message!="") {alert(message); return false;}
if (message!="") {
//alert(message); return false;
message = "<ul style='list-style-type: square;'>\n" + message + "</ul>\n";
document.getElementById('blackground').style.display = 'block'
document.getElementById('sendformcheck').style.display = 'block'
document.getElementById('sendformcheckmessage').innerHTML = message;
return false;
}
//alert("Message wil now be send.");
var queryString = "";
queryString = queryString + "recipient=" + recipient;
queryString = queryString + "&subject=" + subject;
queryString = queryString + "&enccode=" + enccode;
queryString = queryString + "&code=" + code;
queryString = queryString + "&Naam=" + naam;
queryString = queryString + "&Adres=" + adres;
queryString = queryString + "&Postcode=" + postcode;
queryString = queryString + "&Woonplaats=" + woonplaats;
queryString = queryString + "&Telefoon=" + telefoon;
queryString = queryString + "&Email=" + email;
queryString = queryString + "&vraag=" + vraag;
var url = "contactsendmail.php?timeStamp=" + new Date().getTime();
//url = url + queryString ;
// alert(queryString);
createXMLHttpRequest ();
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
xmlHttp.send(queryString);
} // End of function doRequestUsingPOST()
// End -->
</script>
<!-- Begin
var xmlHttp;
function createXMLHttpRequest () {
if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
else if(window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();}
} // End of function createXMLHttpRequest ()
function handleStateChange() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
//alert(xmlHttp.responseText); // De uitvoer van contactsendmail.php zou hier moeten verschijnen.
if (xmlHttp.responseText == "Your message is succesfully send.") {
//document.getElementById('contactform').style.display = 'none'
//document.getElementById('contactsenderror').style.display = 'none'
document.getElementById('blackground').style.display = 'block'
document.getElementById('contactconfirm').style.display = 'block'
//document.getElementById('contactform').reset();
}
if (xmlHttp.responseText == "Something went wrong.") {
//document.getElementById('contactform').style.display = 'none'
//document.getElementById('contactconfirm').style.display = 'none'
document.getElementById('blackground').style.display = 'block'
document.getElementById('contactsenderror').style.display = 'block'
}
}
}
} // End of function handleStateChange()
function doRequestUsingPOST() {
var recipient = document.getElementById("recipient").value;
var subject = document.getElementById("subject").value;
var enccode = document.getElementById("enccode").value;
var code = document.getElementById("code").value;
var naam = document.getElementById("Naam").value;
var adres = document.getElementById("Adres").value;
var postcode = document.getElementById("Postcode").value;
var woonplaats = document.getElementById("Woonplaats").value;
var telefoon = document.getElementById("Telefoon").value;
var email = document.getElementById("Email").value;
var vraag = document.getElementById("vraag").value;
var message = "";
if (naam=="") {message = message + "<li>The 'Name' field is empty.</li><br />\n";}
if (adres=="") {message = message + "<li>The 'Adres' field is empty.</li><br />\n";}
if (postcode=="") {message = message + "<li>The 'Postalcode' field is empty.</li><br />\n";}
if (woonplaats=="") {message = message + "<li>The 'City' field is empty.</li><br />\n";}
if (telefoon=="") {telefoon = "Niet ingevuld";}
//if (email=="") {message = message + "<li>The 'E-mail' field is not correct.</li><br />\n";}
if (email.indexOf ('@',0) == -1 ||
email.indexOf ('.',0) == -1) {message = message + "<li>The 'E-mail' field is not correct.</li><br />\n";}
if (code=="") {message = message + "<li>You have to enter the verification code as shown.</li><br />\n";}
if (enccode != hex_md5(code)) {message = message + "<li>The verification code is false.</li><br />\n";}
if (vraag=="") {message = message + "<li>The 'Question' field is empty.</li><br />\n";}
//if (message!="") {alert(message); return false;}
if (message!="") {
//alert(message); return false;
message = "<ul style='list-style-type: square;'>\n" + message + "</ul>\n";
document.getElementById('blackground').style.display = 'block'
document.getElementById('sendformcheck').style.display = 'block'
document.getElementById('sendformcheckmessage').innerHTML = message;
return false;
}
//alert("Message wil now be send.");
var queryString = "";
queryString = queryString + "recipient=" + recipient;
queryString = queryString + "&subject=" + subject;
queryString = queryString + "&enccode=" + enccode;
queryString = queryString + "&code=" + code;
queryString = queryString + "&Naam=" + naam;
queryString = queryString + "&Adres=" + adres;
queryString = queryString + "&Postcode=" + postcode;
queryString = queryString + "&Woonplaats=" + woonplaats;
queryString = queryString + "&Telefoon=" + telefoon;
queryString = queryString + "&Email=" + email;
queryString = queryString + "&vraag=" + vraag;
var url = "contactsendmail.php?timeStamp=" + new Date().getTime();
//url = url + queryString ;
// alert(queryString);
createXMLHttpRequest ();
xmlHttp.open("POST", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
xmlHttp.send(queryString);
} // End of function doRequestUsingPOST()
// End -->
</script>
Gewijzigd op 03/11/2010 16:18:37 door Rene Wennekes
Er zijn nog geen reacties op dit bericht.