/********************************/ // Dynamic Dependant Project // AJAX Stuff // Requires the foundation code /********************************/ var ddp; if(!ddp) ddp = {}; ddp.a = {}; /********************************/ // DDP -> AJAX /********************************/ (function() { /***************************************************************/ //addHeaderScript //a.k.a. loadJSON (using only the first argument) exported to the ddp.a namespace as loadJSON as well. //add a script element to the document header using the supplied url //----arguments---- //-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; //we only need to add a function to the global scope if fnSuccess was passed if(typeof fnSuccess == 'function'){ //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 reference 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 element objWindow.document.getElementsByTagName('head')[0].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'); } //xhr (xml http request) /* possible arguments to be included as properties of the object NAME TYPE - DESCRIPTION "success" function - a function to be executed on success "failure" function - a function to be executed on failure "progress" function - a function to be executed periodically to report on progress "method" string - the HTTP request method (GET, POST, HEAD, etc..) "url" string - the request url "data" * - data in the form of a string, an object, or a DOM element "returnFormat" string - the format of the data returned from the request. if left unset, it will be determined by the content type returned from the server "sync" boolean - performs syncronous request if set to true "makeUniqueURL" boolean - do not append "?#########" to the url for uniqueness (IE caching issue) e.g. xhr('/path/mypage.htm', {"success": functionReference, "data":"x=abc123", "method":"post"}); */ function xhr(strURL, objParameters){ var objRequest = new httpRequestClass(); if(typeof objParameters != 'object'){ objRequest.url = strURL; objRequest.sync = true; return objRequest.execute(); } else{ for(var key in objParameters){ if(typeof objRequest[key] == 'undefined') throw new Error('ddp.ajax.xhr - Unrecognized parameter name: "' + key + '"'); else objRequest[key] = objParameters[key]; } if(ddp.f.isString(strURL)) objRequest.url = strURL; if(objRequest.sync) return objRequest.execute(); //execute the request. return it's result else if(objRequest.execute() == true) return objRequest; //return the request object; else return null; } } /***************************************************************/ //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, blnMakeUniqueURL){ //create a new httpRequestObject object var newRequest = new httpRequestClass(); newRequest.success = (typeof successCallback == 'function') ? successCallback : null; //if a success function was specified, use it newRequest.progress = (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.failure = (typeof failureCallback == 'function') ? failureCallback : null; //if a failure function was specified, use it newRequest.data = strData; //then set the httpRequestClass property if(strURL && strURL.length && strURL.length > 0) newRequest.url = strURL; //set the url property of this object if(ddp.f.isString(strMethod) && strMethod.length) newRequest.method = strMethod.toUpperCase(); 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.returnFormat = strReturnFormat; //then use it (otherwise it will remain 'text') } if(blnMakeUniqueURL == false) newRequest.makeUniqueURL = false; //set the "sychronous execution" flag in the object accordingly newRequest.sync = (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; } //httpRequestClass //the wrapper class used to make a request cross-browser compatible //basically, set all the properties you need to and then execute() the request. function httpRequestClass(){ this.success = null; //by default, don't use a success function this.progress = null; //by default, don't use a progress function this.failure = null; //by default, don't use a failure function this.method = 'GET'; //by default, use the 'get' method this.url = null; this.data = null; this.returnFormat = 'default'; //if left as 'default' the return type will try to be determined from the content-type in the response heade this.sync = false; this.makeUniqueURL = true; 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.failure) //if there is a failure specified, return objThisRequest.failure(intNumber, strDescription, strErrorURL); //use it else if(!objThisRequest.sync) //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 in IE7. better than nothing. ]; //'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; i 0) //round the percentage to two decimal places (eg. 25.66) percentComplete = roundToDecimalPlace(bytesSoFar / bytesTotal * 100, 2); if(typeof objThisRequest.progress == 'function') //if the progress function has been defined objThisRequest.progress(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); } //if an object is passed if(ddp.f.isObject(objThisRequest.data)){ var objObject = objThisRequest.data; //if the object is a DOM element(probably a

) if(objObject.nodeType && objObject.nodeType==1){ if(!ddp.forms)//throw an error if the forms module isn't included throw new Error('ddp.a.httpRequestClass: The ddp.forms module is required to parse a DOM element'); //go through the element's children and parse all the name/value pairs from the inputs into a string (using encodeURIComponent()) objThisRequest.data = ddp.forms.parseForm(objObject); } else objThisRequest.data = serializeObject(objObject); //turn the object into a string of URI encoded name/value pairs } //validate the request type objThisRequest.method = objThisRequest.method.toUpperCase(); var arRequestTypes = ['GET','POST','HEAD','OPTIONS','PUT','DELETE','TRACE','CONNECT']; for(var i=0, l=arRequestTypes.length; i<=l && objThisRequest.method != arRequestTypes[i]; i++) if(i==l) throw new Error('ddp.ajax.httpRequestClass - Invalid request type: "' + objThisRequest.method + '"'); //make sure a url was supplied if(!objThisRequest.url) 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.method=='POST'){ var strCompiledURL = objThisRequest.url; strErrorURL = strCompiledURL; if(objThisRequest.makeUniqueURL){ strCompiledURL += (strCompiledURL.indexOf('?')+1) ? '&' : '?'; strCompiledURL += strUniqueId; } http.open('POST', strCompiledURL, !objThisRequest.sync); 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.data.length); //http.setRequestHeader('Connection', 'close'); //jim says conflicts with IE6 POST?? http.send(objThisRequest.data); //send the post request } else{ var strCompiledURL = objThisRequest.url; if(objThisRequest.data){ //if there's anything in data, strCompiledURL += (strCompiledURL.indexOf('?')+1) ? '&' : '?'; //add a "?" if there isn't one, otherwise add a "&" strCompiledURL += objThisRequest.data; //add it to the url } strErrorURL = strCompiledURL; if(objThisRequest.makeUniqueURL){ strCompiledURL += (strCompiledURL.indexOf('?')+1) ? '&' : '?'; strCompiledURL += strUniqueId; } //2083 characters max length of GET request url in IE //if(objThisRequest.method == 'GET' && strCompiledURL.length > 2083) http.open(objThisRequest.method, strCompiledURL, !objThisRequest.sync); //open the request http.onreadystatechange = stateChangeHandler; http.send(null); //and send it } return (objThisRequest.sync) ? 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 } }; } /***************************************************************/ // 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