144 lines
4 KiB
JavaScript
144 lines
4 KiB
JavaScript
var request = null;
|
|
|
|
function getForm(form) {
|
|
var params = 'ajax=true';
|
|
var count = form.elements.length;
|
|
|
|
for (var i = 0; i < count; i++) {
|
|
element = form.elements[i];
|
|
|
|
switch (element.type) {
|
|
case 'hidden':
|
|
case 'password':
|
|
case 'text':
|
|
case 'textarea':
|
|
// Check if it's required
|
|
if (element.title == 'required' && trim(element.value) == '') {
|
|
alert('Error: The ' + element.name.replace('_', ' ') + ' field is required.');
|
|
element.focus();
|
|
return false;
|
|
}
|
|
// If the field is named email, check it's validity
|
|
else if (element.name == 'email') {
|
|
if (element.value.match(/^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i) == null) {
|
|
alert('Error: The email address entered is not valid.');
|
|
element.focus();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
params += '&' + element.name + '=' + encodeURI(element.value);
|
|
break;
|
|
|
|
case 'checkbox':
|
|
case 'radio':
|
|
if (element.checked) {
|
|
params += '&' + element.name + '=' + encodeURI(element.value);
|
|
}
|
|
break;
|
|
|
|
case 'select-one':
|
|
params += '&' + element.name + "=" + element.options[element.selectedIndex].value;
|
|
break;
|
|
}
|
|
}
|
|
|
|
return params;
|
|
}
|
|
|
|
function createRequest() {
|
|
try {
|
|
request = new XMLHttpRequest();
|
|
} catch (trymicrosoft) {
|
|
try {
|
|
request = new ActiveXObject("Msxml12.XMLHTTP");
|
|
} catch (othermicrosoft) {
|
|
try {
|
|
request = new ActiveXObject("Microsoft.XMLHTTP");
|
|
} catch (failed) {
|
|
request = null;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (request == null) {
|
|
alert("Error creating request object!");
|
|
}
|
|
}
|
|
|
|
function ajaxRequest(htmlElement, customHandler, beforeOrAfter, url) {
|
|
var params = '';
|
|
var customHandler = (customHandler == null) ? null : customHandler;
|
|
var beforeOrAfter = (beforeOrAfter == null) ? 'before' : beforeOrAfter;
|
|
var url = (url == null) ? null : url;
|
|
|
|
if (typeof htmlElement.value == 'undefined') {
|
|
params = getForm(htmlElement);
|
|
method = htmlElement.method;
|
|
action = htmlElement.action;
|
|
}
|
|
else {
|
|
params = 'id=' + htmlElement.value;
|
|
method = 'POST';
|
|
action = url;
|
|
|
|
// @todo this may eventually need to be a loop that keeps going up until it's at a form tag?
|
|
htmlElement = htmlElement.parentNode;
|
|
}
|
|
|
|
if (params) {
|
|
createRequest();
|
|
request.open(method, action, true);
|
|
|
|
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
request.setRequestHeader("Content-length", params.length);
|
|
request.setRequestHeader("Connection", "close");
|
|
|
|
request.onreadystatechange = function() {
|
|
if (request.readyState == 4 && request.status == 200) {
|
|
var responseElement = document.createElement('div');
|
|
responseElement.id = 'ajaxResponse';
|
|
|
|
if (request.responseText.substring(0, 1) == '{' && request.responseText.substring(request.responseText.length - 1) == '}') {
|
|
var responseObject = eval( "(" + request.responseText + ")" );
|
|
|
|
if (document.getElementById(responseElement.id) != null) {
|
|
htmlElement.removeChild(document.getElementById(responseElement.id));
|
|
}
|
|
|
|
if (customHandler) {
|
|
responseElement = window[customHandler](responseObject, responseElement);
|
|
}
|
|
else {
|
|
var responseMessage = document.createTextNode(responseObject.message);
|
|
responseElement.className = responseObject.type;
|
|
responseElement.appendChild(responseMessage);
|
|
}
|
|
}
|
|
else {
|
|
responseElement.innerHTML = request.responseText;
|
|
}
|
|
|
|
if (document.getElementById(responseElement.id) != null) {
|
|
htmlElement.removeChild(document.getElementById(responseElement.id));
|
|
}
|
|
|
|
htmlElement.insertBefore(responseElement, (beforeOrAfter == 'before') ? htmlElement.firstChild : htmlElement.lastChild);
|
|
}
|
|
}
|
|
|
|
request.send(params);
|
|
}
|
|
}
|
|
|
|
function trim(str) {
|
|
str = str.replace(/^\s+/, '');
|
|
for (var i = str.length - 1; i >= 0; i--) {
|
|
if (/\S/.test(str.charAt(i))) {
|
|
str = str.substr(0, i + 1);
|
|
break;
|
|
}
|
|
}
|
|
|
|
return str;
|
|
}
|