/*
* jquery form plugin
* version: 2.12 (06/07/2008)
*/
(function($) {
$.fn.ajaxsubmit = function(options) {
// fast fail if nothing selected (http://dev.jquery.com/ticket/2752)
if (!this.length) {
log('ajaxsubmit: skipping submit process - no element selected');
return this;
}
if (typeof options == 'function')
options = { success: options };
options = $.extend({
url: this.attr('action') || window.location.tostring(),
type: this.attr('method') || 'get'
}, options || {});
var veto = {};
this.trigger('form-pre-serialize', [this, options, veto]);
if (veto.veto) {
log('ajaxsubmit: submit vetoed via form-pre-serialize trigger');
return this;
}
var a = this.formtoarray(options.semantic);
if (options.data) {
options.extradata = options.data;
for (var n in options.data)
a.push( { name: n, value: options.data[n] } );
}
// give pre-submit callback an opportunity to abort the submit
if (options.beforesubmit && options.beforesubmit(a, this, options) === false) {
log('ajaxsubmit: submit aborted via beforesubmit callback');
return this;
}
// fire vetoable 'validate' event
this.trigger('form-submit-validate', [a, this, options, veto]);
if (veto.veto) {
log('ajaxsubmit: submit vetoed via form-submit-validate trigger');
return this;
}
var q = $.param(a);
if (options.type.touppercase() == 'get') {
options.url += (options.url.indexof('?') >= 0 ? '&' : '?') + q;
options.data = null; // data is null for 'get'
}
else
options.data = q; // data is the query string for 'post'
var $form = this, callbacks = [];
if (options.resetform) callbacks.push(function() { $form.resetform(); });
if (options.clearform) callbacks.push(function() { $form.clearform(); });
// perform a load on the target only if datatype is not provided
if (!options.datatype && options.target) {
var oldsuccess = options.success || function(){};
callbacks.push(function(data) {
$(options.target).html(data).each(oldsuccess, arguments);
});
}
else if (options.success)
callbacks.push(options.success);
options.success = function(data, status) {
for (var i=0, max=callbacks.length; i < max; i++)
callbacks[i](data, status, $form);
};
// are there files to upload?
var files = $('input:file', this).fieldvalue();
var found = false;
for (var j=0; j < files.length; j++)
if (files[j])
found = true;
if (options.iframe || found) {
if ($.browser.safari && options.closekeepalive)
$.get(options.closekeepalive, fileupload);
else
fileupload();
}
else
$.ajax(options);
// fire 'notify' event
this.trigger('form-submit-notify', [this, options]);
return this;
// private function for handling file uploads (hat tip to yahoo!)
function fileupload() {
var form = $form[0];
if ($(':input[@name=submit]', form).length) {
alert('error: form elements must not be named "submit".');
return;
}
var opts = $.extend({}, $.ajaxsettings, options);
var id = 'jqformio' + (new date().gettime());
var $io = $('');
var io = $io[0];
if ($.browser.msie || $.browser.opera)
io.src = 'javascript:false;document.write("");';
$io.css({ position: 'absolute', top: '-1000px', left: '-1000px' });
var xhr = { // mock object
responsetext: null,
responsexml: null,
status: 0,
statustext: 'n/a',
getallresponseheaders: function() {},
getresponseheader: function() {},
setrequestheader: function() {}
};
var g = opts.global;
// trigger ajax global events so that activity/block indicators work like normal
if (g && ! $.active++) $.event.trigger("ajaxstart");
if (g) $.event.trigger("ajaxsend", [xhr, opts]);
var cbinvoked = 0;
var timedout = 0;
// add submitting element to data if we know it
var sub = form.clk;
if (sub) {
var n = sub.name;
if (n && !sub.disabled) {
options.extradata = options.extradata || {};
options.extradata[n] = sub.value;
if (sub.type == "image") {
options.extradata[name+'.x'] = form.clk_x;
options.extradata[name+'.y'] = form.clk_y;
}
}
}
// take a breath so that pending repaints get some cpu time before the upload starts
settimeout(function() {
// make sure form attrs are set
var t = $form.attr('target'), a = $form.attr('action');
$form.attr({
target: id,
encoding: 'multipart/form-data',
enctype: 'multipart/form-data',
method: 'post',
action: opts.url
});
// support timout
if (opts.timeout)
settimeout(function() { timedout = true; cb(); }, opts.timeout);
// add "extra" data to form if provided in options
var extrainputs = [];
try {
if (options.extradata)
for (var n in options.extradata)
extrainputs.push(
$('')
.appendto(form)[0]);
// add iframe to doc and submit the form
$io.appendto('body');
io.attachevent ? io.attachevent('onload', cb) : io.addeventlistener('load', cb, false);
form.submit();
}
finally {
// reset attrs and remove "extra" input elements
$form.attr('action', a);
t ? $form.attr('target', t) : $form.removeattr('target');
$(extrainputs).remove();
}
}, 10);
function cb() {
if (cbinvoked++) return;
io.detachevent ? io.detachevent('onload', cb) : io.removeeventlistener('load', cb, false);
var operahack = 0;
var ok = true;
try {
if (timedout) throw 'timeout';
// extract the server response from the iframe
var data, doc;
doc = io.contentwindow ? io.contentwindow.document : io.contentdocument ? io.contentdocument : io.document;
if (doc.body == null && !operahack && $.browser.opera) {
// in opera 9.2.x the iframe dom is not always traversable when
// the onload callback fires so we give opera 100ms to right itself
operahack = 1;
cbinvoked--;
settimeout(cb, 100);
return;
}
xhr.responsetext = doc.body ? doc.body.innerhtml : null;
xhr.responsexml = doc.xmldocument ? doc.xmldocument : doc;
xhr.getresponseheader = function(header){
var headers = {'content-type': opts.datatype};
return headers[header];
};
if (opts.datatype == 'json' || opts.datatype == 'script') {
var ta = doc.getelementsbytagname('textarea')[0];
xhr.responsetext = ta ? ta.value : xhr.responsetext;
}
else if (opts.datatype == 'xml' && !xhr.responsexml && xhr.responsetext != null) {
xhr.responsexml = toxml(xhr.responsetext);
}
data = $.httpdata(xhr, opts.datatype);
}
catch(e){
ok = false;
$.handleerror(opts, xhr, 'error', e);
}
// ordering of these callbacks/triggers is odd, but that's how $.ajax does it
if (ok) {
opts.success(data, 'success');
if (g) $.event.trigger("ajaxsuccess", [xhr, opts]);
}
if (g) $.event.trigger("ajaxcomplete", [xhr, opts]);
if (g && ! --$.active) $.event.trigger("ajaxstop");
if (opts.complete) opts.complete(xhr, ok ? 'success' : 'error');
// clean up
settimeout(function() {
$io.remove();
xhr.responsexml = null;
}, 100);
};
function toxml(s, doc) {
if (window.activexobject) {
doc = new activexobject('microsoft.xmldom');
doc.async = 'false';
doc.loadxml(s);
}
else
doc = (new domparser()).parsefromstring(s, 'text/xml');
return (doc && doc.documentelement && doc.documentelement.tagname != 'parsererror') ? doc : null;
};
};
};
$.fn.ajaxform = function(options) {
return this.ajaxformunbind().bind('submit.form-plugin',function() {
$(this).ajaxsubmit(options);
return false;
}).each(function() {
// store options in hash
$(":submit,input:image", this).bind('click.form-plugin',function(e) {
var $form = this.form;
$form.clk = this;
if (this.type == 'image') {
if (e.offsetx != undefined) {
$form.clk_x = e.offsetx;
$form.clk_y = e.offsety;
} else if (typeof $.fn.offset == 'function') { // try to use dimensions plugin
var offset = $(this).offset();
$form.clk_x = e.pagex - offset.left;
$form.clk_y = e.pagey - offset.top;
} else {
$form.clk_x = e.pagex - this.offsetleft;
$form.clk_y = e.pagey - this.offsettop;
}
}
// clear form vars
settimeout(function() { $form.clk = $form.clk_x = $form.clk_y = null; }, 10);
});
});
};
// ajaxformunbind unbinds the event handlers that were bound by ajaxform
$.fn.ajaxformunbind = function() {
this.unbind('submit.form-plugin');
return this.each(function() {
$(":submit,input:image", this).unbind('click.form-plugin');
});
};
$.fn.formtoarray = function(semantic) {
var a = [];
if (this.length == 0) return a;
var form = this[0];
var els = semantic ? form.getelementsbytagname('*') : form.elements;
if (!els) return a;
for(var i=0, max=els.length; i < max; i++) {
var el = els[i];
var n = el.name;
if (!n) continue;
if (semantic && form.clk && el.type == "image") {
// handle image inputs on the fly when semantic == true
if(!el.disabled && form.clk == el)
a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
continue;
}
var v = $.fieldvalue(el, true);
if (v && v.constructor == array) {
for(var j=0, jmax=v.length; j < jmax; j++)
a.push({name: n, value: v[j]});
}
else if (v !== null && typeof v != 'undefined')
a.push({name: n, value: v});
}
if (!semantic && form.clk) {
// input type=='image' are not found in elements array! handle them here
var inputs = form.getelementsbytagname("input");
for(var i=0, max=inputs.length; i < max; i++) {
var input = inputs[i];
var n = input.name;
if(n && !input.disabled && input.type == "image" && form.clk == input)
a.push({name: n+'.x', value: form.clk_x}, {name: n+'.y', value: form.clk_y});
}
}
return a;
};
$.fn.formserialize = function(semantic) {
return $.param(this.formtoarray(semantic));
};
$.fn.fieldserialize = function(successful) {
var a = [];
this.each(function() {
var n = this.name;
if (!n) return;
var v = $.fieldvalue(this, successful);
if (v && v.constructor == array) {
for (var i=0,max=v.length; i < max; i++)
a.push({name: n, value: v[i]});
}
else if (v !== null && typeof v != 'undefined')
a.push({name: this.name, value: v});
});
//hand off to jquery.param for proper encoding
return $.param(a);
};
$.fn.fieldvalue = function(successful) {
for (var val=[], i=0, max=this.length; i < max; i++) {
var el = this[i];
var v = $.fieldvalue(el, successful);
if (v === null || typeof v == 'undefined' || (v.constructor == array && !v.length))
continue;
v.constructor == array ? $.merge(val, v) : val.push(v);
}
return val;
};
$.fieldvalue = function(el, successful) {
var n = el.name, t = el.type, tag = el.tagname.tolowercase();
if (typeof successful == 'undefined') successful = true;
if (successful && (!n || el.disabled || t == 'reset' || t == 'button' ||
(t == 'checkbox' || t == 'radio') && !el.checked ||
(t == 'submit' || t == 'image') && el.form && el.form.clk != el ||
tag == 'select' && el.selectedindex == -1))
return null;
if (tag == 'select') {
var index = el.selectedindex;
if (index < 0) return null;
var a = [], ops = el.options;
var one = (t == 'select-one');
var max = (one ? index+1 : ops.length);
for(var i=(one ? index : 0); i < max; i++) {
var op = ops[i];
if (op.selected) {
// extra pain for ie...
var v = $.browser.msie && !(op.attributes['value'].specified) ? op.text : op.value;
if (one) return v;
a.push(v);
}
}
return a;
}
return el.value;
};
$.fn.clearform = function() {
return this.each(function() {
$('input,select,textarea', this).clearfields();
});
};
/**
* clears the selected form elements.
*/
$.fn.clearfields = $.fn.clearinputs = function() {
return this.each(function() {
var t = this.type, tag = this.tagname.tolowercase();
if (t == 'text' || t == 'password' || tag == 'textarea')
this.value = '';
else if (t == 'checkbox' || t == 'radio')
this.checked = false;
else if (tag == 'select')
this.selectedindex = -1;
});
};
$.fn.resetform = function() {
return this.each(function() {
if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodetype))
this.reset();
});
};
$.fn.enable = function(b) {
if (b == undefined) b = true;
return this.each(function() {
this.disabled = !b
});
};
$.fn.select = function(select) {
if (select == undefined) select = true;
return this.each(function() {
var t = this.type;
if (t == 'checkbox' || t == 'radio')
this.checked = select;
else if (this.tagname.tolowercase() == 'option') {
var $sel = $(this).parent('select');
if (select && $sel[0] && $sel[0].type == 'select-one') {
// deselect all other options
$sel.find('option').select(false);
}
this.selected = select;
}
});
};
function log() {
if ($.fn.ajaxsubmit.debug && window.console && window.console.log)
window.console.log('[jquery.form] ' + array.prototype.join.call(arguments,''));
};
})(jquery);