/********************************/ // Dynamic Dependant Project // AJAX Stuff // Requires the foundation code /********************************/ var ddp; if(!ddp) ddp = {}; ddp.a = {}; /********************************/ // DDP -> AJAX /********************************/ (function() { /***************************************************************/ //loadJSON //add a script element to the document header using the supplied url //----arguments---- //url: string -the url to get the "script" file from function loadJSON(url) { var headID = document.getElementsByTagName("head")[0]; //get a reference to the document's element var newScript = document.createElement('script'); //create a new script element newScript.type = 'text/javascript'; //set it's properties newScript.src = url; headID.appendChild(newScript); //and append it to the head. } /***************************************************************/ //addHeaderScript //-strURL: a url to a page to generate return data //-fnSuccess: callback function to recieve the returned data //-objWindow: optional. the window that the new script should be added to. (default is the current) function addHeaderScript(strURL, fnSuccess, objWindow){ //if a browser window wasn't supplied, use the current one objWindow = (typeof objWindow == 'object') ? objWindow : window; //get a reference to the document's element var elHead = objWindow.document.getElementsByTagName('head')[0]; //create a half time-based, half random-number string for the function name (e.g cbf125053068355207244769124226434) var strFunctionName = 'cbf' + new Date().getTime() + String(Math.random()).replace('.', ''); //if the url already has a ? then add an &; otherwise, add a ?. strURL += (strURL.indexOf('?')+1) ? '&' : '?'; //add a name value pair for passing the callback function name we generated. strURL += 'callback=' + strFunctionName; //create a global function with our function name objWindow[strFunctionName] = function(){ //pass all arguments to our success function fnSuccess.apply(objWindow, arguments); //once our function has executed, remove the global refernece to the callback function name we generated. objWindow[strFunctionName] = undefined; }; //create a new script element var elNewScript = objWindow.document.createElement('script'); elNewScript.type = 'text/javascript'; elNewScript.src = strURL; //append the new script element to the end of the head element elHead.appendChild(elNewScript); } /***************************************************************/ function request(url,destination){ function successHandler(strData){ if(typeof destination == 'object') destination.innerHTML = strData; else document.getElementById(destination).innerHTML = strData; } function failureHandler(intErrorNumber, strMessage){ alert(intErrorNumber + ': ' + strMessage); } return HTTPRequest('get', url, null, successHandler, failureHandler); } /***************************************************************/ function requestPost(url,params,callback){ //Uses POST and a Callback function (JSON response) return HTTPRequest('post', url, params, callback, function(intErrorNumber, strMessage){ alert(intErrorNumber + ': ' + strMessage); }, 'json'); } /* //just a wrapper to rearrange the arguments function xhr(strUrl, strData, strMethod, strReturnFormat, successCallback, failureCallback, progressCallback, blnSync){ return HTTPRequest(strMethod, strURL, strData, successCallback, failureCallback, strReturnFormat, progressCallback, blnSync); } */ /***************************************************************/ //HTTPRequest //performs a get or post http request //----arguments---- //strMethod: string -'get' or 'post' or null (defaults to 'get') //strURL: string -the url (can include name/value arguments. eg. '/path/page.php?name=value&test=1') //strData: string -request data in the form of a name/value string ('variableName=variableValue&pizza=yes') // object -if you pass a form element in strData, the form will be parsed and stringified automatically! //successCallback: function -function to be executed when the data is returned. // data will be returned as the first argument of the function (optional) //failureCallback: function -function to be executed if the request fails. (optional) //strReturnFormat: string -'json' to return a JSON object, 'xml' to return an xmlDocument or // 'text' to return a plain text string (defaults to 'text') //progessCallback: function -function which is executed periodically during the transfer. (only supported in Mozilla/FF) // recieves three arguments (percentageComplete, bytesSoFar, bytesTotal) //blnSync: boolean -when set to true (defaults to false), the request is syncronous and the data is returned from // the actual function (false is returned on error) function HTTPRequest(strMethod, strURL, strData, successCallback, failureCallback, strReturnFormat, progressCallback, blnSync){ //create a new httpRequestObject object var newRequest = new httpRequestClass(); newRequest.fnSuccess = (typeof successCallback == 'function') ? successCallback : null; //if a success function was specified, use it newRequest.fnProgress = (typeof progressCallback == 'function') ? progressCallback : null; //if a progress function was specified, use it //newRequest.fnProgress = function(percentage, bytesSoFar, bytesTotal){ if(console) console.log(percentage + '% complete'); }; newRequest.fnFailure = (typeof failureCallback == 'function') ? failureCallback : null; //if a failure function was specified, use it if(ddp.f.isString(strData)) //if the user supplied a string in strData or a form was parsed into a string of data newRequest.strData = strData; //then set the httpRequestObject property else if(strData && typeof strData == 'object'){ //take care of all the stuff if a form element is passed var objObject = strData; if(objObject.nodeType && objObject.nodeType==1){ //if the element is a form, try and get the form properties for the request if(objObject.tagName && objObject.tagName.toLowerCase()=='form'){ if(objObject.onsubmit){ //if the form has an onsubmit event if(objObject.onsubmit() == false) //execute it and see if it tried to stop form submission return newRequest.failHandler(3, 'Request was cancelled by the form element\'s onsubmit().'); //if it returns false, cancel the whole request } newRequest.strURL = (objObject.action && objObject.action.length) ? objObject.action : '?'; if(objObject.method && objObject.method.toLowerCase() == 'post') //if the form says to do a POST, newRequest.strMethod = 'post'; //then do a post } //go through the element's children and parse all the name/value pairs from the inputs into a string (using encodeURIComponent()) newRequest.strData = parseForm(objObject); } else{ var strNameValuePairs = ''; for(propertyName in objObject){ if(strNameValuePairs.length > 0) strNameValuePairs += '&'; strNameValuePairs += encodeURIComponent(propertyName) + '=' + encodeURIComponent(objObject[propertyName]); } newRequest.strData = strNameValuePairs; } } if(strURL && strURL.length && strURL.length > 0) newRequest.strURL = strURL; //set the url property of this object if(ddp.f.isString(strMethod)) //if a method was supplied in the arguments //if it was 'post' set the method to post, other wise set it to get newRequest.strMethod = (strMethod.toLowerCase() == 'post') ? 'post' : 'get'; if(ddp.f.isString(strReturnFormat)){ //if a format was specified in the arguments strReturnFormat = strReturnFormat.toLowerCase(); //change it to lower case if(strReturnFormat == 'text' || strReturnFormat == 'json' || strReturnFormat == 'xml') //if it is either json or xml, newRequest.strReturnFormat = strReturnFormat; //then use it (otherwise it will remain 'text') } //set the "sychronous execution" flag in the object accordingly newRequest.blnSync = (blnSync) ? true : false; if(blnSync) return newRequest.execute(); //execute the request. else if(newRequest.execute() == true) return newRequest; //return the request object; else return null; } //httpRequestObject //the wrapper object used to make a request cross-browser compatible //basically, set all the properties you need to and then execute() the request. function httpRequestClass(){ this.fnSuccess = null; //by default, don't use a success function this.fnProgress = null; //by default, don't use a progress function this.fnFailure = null; //by default, don't use a failure function this.strMethod = 'get'; //by default, use the 'get' method this.strURL = null; this.strData = null; this.strReturnFormat = 'default'; //by default, the the 'text' return format this.blnSync = false; var objThisRequest = this; //keep a reference to this object objThisRequest.http = null; var strErrorURL = ''; //the URL that will be reported on errors //abort //abort the HTTPRequest this.abort = function(){ if(objThisRequest.http){ try{ objThisRequest.blnAborting = true; objThisRequest.http.abort(); objThisRequest.blnAborting = false; return true; } catch(e){ objThisRequest.blnAborting = false; return false; } } else return false; }; //failHandler //Fired when there is an error with the request //----arguments---- //intNumber: integer -the error number //strDescription: string -the error description this.failHandler = function(intNumber, strDescription){ if(objThisRequest.progressInterval){ window.clearInterval(objThisRequest.progressInterval); //clear it objThisRequest.progressInterval = null; //and set the reference to it to null } if(objThisRequest.fnFailure) //if there is a failure specified, return objThisRequest.fnFailure(intNumber, strDescription, strErrorURL); //use it else if(!objThisRequest.blnSync) //if there is no handler specified then just throw the error throw new Error('ddp.a.HTTPRequestClass: ' + strDescription + ' (' + intNumber + ') "' + strErrorURL + '"'); return false;//return false to a syncronous request to indicate that there was a problem } //execute //takes all the properties that have been setup and performs the request this.execute = function(){ var http = null; //create the request in (Firefox/Mozilla/Opera) if(typeof XMLHttpRequest == 'function'){ http = new XMLHttpRequest(); objThisRequest.objectVersion = 'XMLHttpRequest'; //save the object version } //create the request (IE) else if(typeof ActiveXObject != 'undefined'){ var XMLHTTP_IDS = [ 'Msxml2.XMLHTTP.6.0', //installed with IE7. ships with vista out-of-the-box. 'MSXML2.XMLHTTP.4.0', //designed to support legacy applications. 'MSXML2.XMLHTTP.3.0' //installed on all Win2k (sp4) and up Microsoft OSs. Does not support "Xml Schema" (XSD 1.0) ]; //'MSXML2.XMLHTTP.5.0', //installed with Office 2003 but is off by default in IE7 and causes a "gold bar" to pop up when instanciated. //'MSXML2.XMLHTTP' //too old to be usable (no support for abort() method) //'Microsoft.XMLHTTP'`//too old to be usable (no support for abort(), among other things) for(var i=0, l=XMLHTTP_IDS.length; i 0) //round the percentage to two decimal places (eg. 25.66) percentComplete = roundToDecimalPlace(bytesSoFar / bytesTotal * 100, 2); if(typeof objThisRequest.fnProgress == 'function') //if the progress function has been defined objThisRequest.fnProgress(percentComplete, bytesSoFar, bytesTotal); //execute it with our progress info }; function roundToDecimalPlace(intNumber, numberOfPlaces){ return Math.round(intNumber * Math.pow(10,numberOfPlaces)) / Math.pow(10,numberOfPlaces); } //make sure a url was supplied if(!objThisRequest.strURL) return objThisRequest.failHandler(2, 'URL argument not supplied'); //avoid the cache problem in IE by creating a different URL each time var strUniqueId = new Date().getTime() + String(Math.random()).replace('.',''); try{ if(typeof http.onprogress != 'undefined') http.onprogress = progressHandler; else objThisRequest.progressInterval = window.setInterval(function(){progressHandler(http);}, 250); if(objThisRequest.strMethod=='post'){ var strCompiledURL = objThisRequest.strURL; strErrorURL = strCompiledURL; strCompiledURL += (strCompiledURL.indexOf('?')+1) ? '&' : '?'; strCompiledURL += strUniqueId; http.open('POST', strCompiledURL, !objThisRequest.blnSync); http.onreadystatechange = stateChangeHandler; http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;'); //Send the proper header information along with the request http.setRequestHeader('Content-length', objThisRequest.strData.length); http.setRequestHeader('Connection', 'close'); http.send(objThisRequest.strData); //send the post request } else if(objThisRequest.strMethod=='get'){ var strCompiledURL = objThisRequest.strURL; if(objThisRequest.strData){ //if there's anything in strData, strCompiledURL += (strCompiledURL.indexOf('?')+1) ? '&' : '?'; //add a "?" if there isn't one, otherwise add a "&" strCompiledURL += objThisRequest.strData; //add it to the url } strErrorURL = strCompiledURL; strCompiledURL += (strCompiledURL.indexOf('?')+1) ? '&' : '?'; strCompiledURL += strUniqueId; http.open('GET', strCompiledURL, !objThisRequest.blnSync); //open the request http.onreadystatechange = stateChangeHandler; http.send(null); //and send it } return (objThisRequest.blnSync) ? stateChangeHandler() : true; //return true to indicate that the request was sent } catch(e){ //if something goes wrong return objThisRequest.failHandler(-1, e.fileName + ', line ' + e.lineNumber + ', ' + e.name + ': ' + e.message);//fire the failHandler } }; } /***************************************************************/ //accepts a form element and iterates through it's child elements looking for elements with a name and value property //returns a string of name value pairs eg. "varname=varvalue&vartwo=vartwovalue" function parseForm(objForm){ var strNameValuePairs = ''; if(typeof objForm == 'object'){ var elInputs = objForm.getElementsByTagName('*'); for(var i=0, l=elInputs.length; i 0) strNameValuePairs += '&'; strNameValuePairs += encodeURIComponent(elInputs[i].name) + '=' + encodeURIComponent(elInputs[i].value); } } return strNameValuePairs; } return null; } /***************************************************************/ // The parseJSON method takes a string and returns // a JavaScript value if the string is a valid JSON text. function parseJSON(text){ var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, escapeable = /[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g, gap, indent, meta = { // table of character substitutions '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\' }, rep; cx.lastIndex = 0; //convert special characters to unicode escaped equivalent if(cx.test(text)) text = text.replace(cx, function(a){ return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }); if(/^[\],:{}\s]*$/. test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@'). replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'). replace(/(?:^|:|,)(?:\s*\[)+/g, ''))){ try{ //eval the string and return the results var objData = eval('(' + text + ')'); //if the result is an object and it contains a property named "ddpSchema", then recursively //convert the data to date objects, decoded strings, boolean values etc.. following the schema. return (objData && objData.ddpSchema) ? _convertData(objData, objData.ddpSchema) : objData; } catch(objEvalError){ var strErr = 'Error: ddp.a.parseJSON: Error evaling JSON data'; try{ console.log(strErr); } catch(e){ alert(strErr); } throw(objEvalError); } } return false; }; // Return a boolean value telling whether // the first argument is a string. function _convertData(objData, objDataTypes){ //if the object passed is an array //if(typeof objData == 'object' && typeof objData.constructor == 'object' && objData.constructor == Array){ if(ddp.f.isArray(objData)){ //iterate through it for(var i=0; i