I have basically ripped apart an AJAX tutorial so I can use it for my own devices. However, the code I have come up with doesn't work!
Can anyone see what is wrong with this code? What is supposed to happen is when someone finishes entering their telephone number, a PHP script is called which stores the information in a DB.
Code:
...
<script type="text/javascript">
var requester = null;
var formRequester = null;
window.onload = init;
/* Initialisation for JS capable browsers */
function init()
{
/* declare form variables as JS variables */
var fullName = document.getElementById("fullName");
var telNumber = document.getElementById("telNumber");
telNumber.onchange = onchangeTelNumber;
telNumber.onblur = onchangeTelNumber;
orderForm.onsubmit = checkForm;
return true;
}
function onchangeTelNumber()
{
if (requester != null && requester.readyState != 0 && requester.readyState != 4)
{
requester.abort();
}
try
{
requester = new XMLHttpRequest();
}
catch (error)
{
try
{
requester = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (error)
{
requester = null;
return false;
}
}
requester.open("GET", "incompleteform.php?fullName=" + fullName.value);
requester.send(null);
return true;
}
</script>
...
<form>
<fieldset>
<legend>Step 1: Personal Details</legend>
<label for="email">Email Address (where you want the quote sent to)</label>
<input type="text" id="email" name="email" class="text" title="email address" />
<label for="fullName">Full Name</label>
<input type="text" id="fullName" name="fullName" class="text" title="full name" />
<label for="houseNumber">House/Flat Number</label>
<input type="text" id="houseNumber" name="houseNumber" class="text" title="house number" />
<label for="postCode">Postcode</label>
<input type="text" id="postCode" name="postCode" class="text" title="postcode" />
<label for="telNumber">Telephone Number (to prevent ID theft)</label>
<input type="text" id="telNumber" name="telNumber" class="text" title="telephone number" />
<input name="submit" type="submit" value="submit" />
</fieldset>
</form>
...
At the moment the code is only supposed to call the PHP script with one form variable just so I can get it working, but I can't even manage that!
Any help? thanks