Revision: 56331
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at March 22, 2012 06:19 by kendsnyder
Initial Code
// jQuery plugin to save individual form fields each time something changes.
// Usage: `$('#MyForm').autosave(url, options);`
// where `url` defaults to form.method
// and `options` defaults to $.fn.autosave.defaultOptions
// (UNTESTED)
;(function($) {
$.fn.autosave = function(url, options) {
// build options based on defaultOptions and passed options
options = $.extend({}, $.fn.autosave.defaultOptions, options || {});
// `this` is the jQuery collection
return this.each(function() {
// `this` is the <form> element
if (!this.elements) {
return;
}
url = url || this.action;
options.method = options.method || this.method;
var $idElement = $(options.idElement || this.elements[options.idElementName]);
if ($idElement.length == 0) {
return;
}
$(this.elements).change(function() {
// `this` is the input element that changed
var queryString =
options.idField + '=' + encodeURIComponent($idElement.val()) +
options.columnField + '=' + encodeURIComponent(this.name) +
options.valueField + '=' + encodeURIComponent($(this).val())
;
if (options.useImage) {
var img = new Image(url + '?' + queryString);
}
else {
$.ajax($.extend({
url: url,
method: options.method,
data: queryString
}, options.ajaxOptions));
}
});
});
};
$.fn.autosave.defaultOptions = {
idElement: null,
idElementName: 'id',
idField: 'id',
columnField: 'column',
valueField: 'value',
method: null,
ajaxOptions: {},
useImage: false
};
})(jQuery);
Initial URL
Initial Description
jQuery plugin to save individual form fields each time something changes. Usage: `$('#MyForm').autosave(url, options);` where `url` defaults to form.method and `options` defaults to $.fn.autosave.defaultOptions
(UNTESTED)
Initial Title
jQuery autosave plugin
Initial Tags
plugin, jquery
Initial Language
jQuery