// http://jquery.com/docs/ajax/
if ( typeof XMLHttpRequest == 'undefined' && typeof window.ActiveXObject == 'function') {
- var XMLHttpRequest = function() {
- return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') >= 0) ?
- "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP");
- };
+ XMLHttpRequest = function() {
+ return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf('msie 5') >= 0) ?
+ "Microsoft.XMLHTTP" : "Msxml2.XMLHTTP");
+ };
}
+// Counter for holding the active query's
+$.xmlActive=0;
+
$.xml = function( type, url, data, ret ) {
- var xml = new XMLHttpRequest();
+ var xml = new XMLHttpRequest();
+
+ if ( xml ) {
+ // Open the socket
+ xml.open(type || "GET", url, true);
+ if ( data )
+ xml.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+
+ // Set header so calling script knows that it's an XMLHttpRequest
+ xml.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+
+ /* Force "Connection: close" for Mozilla browsers to work around
+ * a bug where XMLHttpReqeuest sends an incorrect Content-length
+ * header. See Mozilla Bugzilla #246651.
+ */
+ if ( xml.overrideMimeType )
+ xml.setRequestHeader('Connection', 'close');
- if ( xml ) {
- xml.open(type || "GET", url, true);
+ xml.onreadystatechange = function() {
+ // Socket is openend
+ if ( xml.readyState == 1 ) {
+ // Increase counter
+ $.xmlActive++;
- if ( data )
- xml.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+ // Show loader if needed
+ if ( ($.xmlActive >= 1) && ($.xmlCreate) )
+ $.xmlCreate();
+ }
- if ( ret )
- xml.onreadystatechange = function() {
- if ( xml.readyState == 4 ) ret(xml);
- };
+ // Socket is closed and data is available
+ if ( xml.readyState == 4 ) {
+ // Decrease counter
+ $.xmlActive--;
- xml.send(data)
- }
+ // Hide loader if needed
+ if ( ($.xmlActive <= 0) && ($.xmlDestroy) ) {
+ $.xmlDestroy();
+ $.xmlActive = 0
+ }
+
+ // Process result
+ if ( ret )
+ ret(xml);
+ }
+ };
+
+ xml.send(data)
+ }
};
$.httpData = function(r,type) {
- return r.getResponseHeader("content-type").indexOf("xml") > 0 || type == "xml" ?
- r.responseXML : r.responseText;
+ return r.getResponseHeader("content-type").indexOf("xml") > 0 || type == "xml" ?
+ r.responseXML : r.responseText;
};
$.get = function( url, ret, type ) {
- $.xml( "GET", url, null, function(r) {
- if ( ret ) ret( $.httpData(r,type) );
- });
+ $.xml( "GET", url, null, function(r) {
+ if ( ret ) { ret( $.httpData(r,type) ); }
+ });
};
$.getXML = function( url, ret ) {
- $.get( url, ret, "xml" );
+ $.get( url, ret, "xml" );
};
$.post = function( url, data, ret, type ) {
- $.xml( "POST", url, $.param(data), function(r) {
- if ( ret ) ret( $.httpData(r,type) );
- });
+ $.xml( "POST", url, $.param(data), function(r) {
+ if ( ret ) { ret( $.httpData(r,type) ); }
+ });
};
$.postXML = function( url, data, ret ) {
- $.post( url, data, ret, "xml" );
+ $.post( url, data, ret, "xml" );
};
$.param = function(a) {
- var s = [];
- for ( var i in a )
- s[s.length] = i + "=" + encodeURIComponent( a[i] );
- return s.join("&");
+ var s = [];
+ if (a && typeof a == 'object' && a.constructor == Array) {
+ for ( var i=0; i < a.length; i++ ) {
+ s[s.length] = a[i].name + "=" + encodeURIComponent( a[i].value );
+ }
+ } else {
+ for ( var j in a ) {
+ s[s.length] = j + "=" + encodeURIComponent( a[j] );
+ }
+ }
+ return s.join("&");
};
$.fn.load = function(a,o,f) {
- // Arrrrghhhhhhhh!!
- // I overwrote the event plugin's .load
- // this won't happen again, I hope -John
- if ( a && a.constructor == Function )
- return this.bind("load", a);
-
- var t = "GET";
- if ( o && o.constructor == Function ) {
- f = o; o = null;
- }
- if (o != null) {
- o = $.param(o);
- t = "POST";
- }
- var self = this;
- $.xml(t,a,o,function(h){
- var h = h.responseText;
- self.html(h).find("script").each(function(){
- try {
- eval( this.text || this.textContent || this.innerHTML );
- } catch(e){}
- });
- if(f)f(h);
- });
- return this;
+ // Arrrrghhhhhhhh!!
+ // I overwrote the event plugin's .load
+ // this won't happen again, I hope -John
+ if ( a && a.constructor == Function ) {
+ return this.bind("load", a);
+ }
+
+ var t = "GET";
+ if ( o && o.constructor == Function ) {
+ f = o;
+ o = null;
+ }
+ if (typeof o !== 'undefined') {
+ o = $.param(o);
+ t = "POST";
+ }
+ var self = this;
+ $.xml(t,a,o,function(h){
+ h = h.responseText;
+ self.html(h).find("script").each(function(){
+ try {
+ $.eval( this.text || this.textContent || this.innerHTML || "");
+ } catch(e){}
+ });
+ if(f){f(h);}
+ });
+ return this;
+};
+
+/**
+ * name: $.fn.formValues
+ * example: $('#frmLogin').formValues('sButton')
+ * docs: Gets form values and creates a key=>value array of the found values.
+ * Optionally adds the button which is clicked if you provide it.
+ * Only does this for ENABLED elements in the order of the form.
+ */
+$.fn.formValues = function(sButton) {
+ var a = [];
+ var ok = {INPUT:true, TEXTAREA:true, OPTION:true};
+
+ // Loop the shite
+ $('*', this).each(function() {
+ // Skip elements not of the types in ok
+ if (!ok[this.tagName.toUpperCase()])
+ return;
+
+ // Skip disabled elements
+ if (this.disabled)
+ return;
+
+ // Skip submit buttons and image elements
+ if ((this.type == 'submit') || (this.type == 'image'))
+ return;
+
+ // Skip non-selected options
+ var oParent = this.parentNode;
+ var sNn = oParent.nodeName.toUpperCase();
+ if (((sNn == 'SELECT') || (sNn == 'OPTGROUP')) && (!this.selected))
+ return;
+
+ // Skip non-checked nodes
+ if (((this.type == 'radio') || (this.type == 'checkbox')) && (!this.checked))
+ return;
+
+ // If we come here, everything is fine
+ var sKey = this.name || this.id || oParent.name || oParent.id;
+ var sValue = this.value;
+
+ // If we don't have an ID, and the parent is an OPTGROUP,
+ // get the NAME or ID of the OPTGROUP's parent
+ if ((!sKey) && (sNn == 'OPTGROUP') && (oParent = oParent.parentNode))
+ sKey = oParent.name || oParent.id;
+
+ // Add the data
+ a.push({ name: sKey, value: sValue });
+ });
+
+ // Add submit button if needed
+ if (sButton && (sButton !== null)) {
+ var el = $(sButton).get(0);
+ a.push({
+ name: el.name || el.id || el.parentNode.name || el.parentNode.id,
+ value: el.value
+ });
+ }
+
+ // Done
+ return a;
+};
+
+/**
+ * name: $.fn.update
+ * example: $('someJQueryObject').update('sURL', 'sAction', 'aValues', 'fCallback');
+ * docs: Calls sURL with sAction and sends the aValues
+ * Puts the results from that call in the jQuery object and calls fCallback
+ */
+$.fn.update = function(sURL, sMethod, aValues, fCallback) {
+ var el = this;
+
+ // Process
+ $.xml(
+ sMethod || "GET",
+ sURL || "",
+ $.param(aValues),
+ function(sResult) {
+ sResult = $.httpData(sResult);
+
+ // Update the element with the new HTML
+ el.html(sResult);
+
+ // Evaluate the scripts AFTER this (so you can allready modify the new HTML!)
+ el.html(sResult).find("script").each(function(){
+ try { $.eval( this.text || this.textContent || this.innerHTML || "" ); } catch(e) { }
+ });
+
+ // And call the callback handler :)
+ if (fCallback && (fCallback.constructor == Function))
+ fCallback();
+ }
+ );
+};
+
+/**
+ * name: $.fn.serialize
+ * example: $('someJQueryObject').serialize('sButton', 'fCallback');
+ * docs: Calls the form's action with the correct method and the serialized values.
+ * Optionally adds the button which is clicked if you provide it.
+ * When there are results, the fCallback function is called.
+ */
+$.fn.serialize = function(sButton, fCallback) {
+ var el = this.get(0);
+
+ // Process
+ $.xml(
+ el.method || "GET",
+ el.action || "",
+ $.param(this.formValues(sButton)),
+ function(sResult) {
+ if (fCallback && (fCallback.constructor == Function))
+ fCallback($.httpData(sResult));
+ }
+ );
};