Hi
I've been following a tutorial that describes 'Hijax' from the book Bulletproof Ajax and it is not that clear exactly where the sections of code go...can anyone please help with this and troubleshoot??
(I am a complete novice with this and it's taken me ages to type it all out!!) Help appreciated,
Many thanks
Melissa
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="ajax.js"></script>
<title>Contact Us</title>
</head>
<body>
<h1>Contact Us</h1>
<div id="container">
<?php include "formlogic.php";?>
</div>
</body>
</html>Formlogic.php is....
<form method="post" id ="contactform" action="">
<p>
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" />
</p>
<p>
<label for="email">Email</label>
<input type="text" name="email" id="email" value="" />
</p>
<p>
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10">
</textarea>
</p>
<p>
<input type="submit" name="submit" value="Submit" />
</p>
</form>And ajax.js is...
function sendData(data) {
var request = getHTTPObject();
if (request) {
request.onreadystatechange = function() {
parseResponse(request);
};
request.open( "POST", "formlogic.php", true);
request.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
request.send(data);
return true;
} else {
return false;
}
}
window.onload = prepareForm;
function prepareFrom() {
if(!document.getElementById) {
return;
}
if(!document.getElementById("contactform")) {
return;
}
document.getElementById("contactform").onsubmit =
function() {
var data=" ";
for(var i=0; i<this.elements.length; i++) {
data+= this.elements[i].name;
data+= "=";
data+= escape(this.elements[i].value);
data+= "&";
}
return !sendData(data);
};
}
function parseResponse(request) {
if (request.readyState == 4) {
if (request.status == 200 || request.status == 304) {
var container = document.getElementById("container");
container.innerHTML = request.responseText;
prepareForm();
}
}
}