jQuery(function ($) { var csrf_token = $('meta[name=csrf-token]').attr('content'), csrf_param = $('meta[name=csrf-param]').attr('content'); $.fn.extend({ /** * Triggers a custom event on an element and returns the event result * this is used to get around not being able to ensure callbacks are placed * at the end of the chain. * * TODO: deprecate with jQuery 1.4.2 release, in favor of subscribing to our * own events and placing ourselves at the end of the chain. */ triggerAndReturn: function (name, data) { var event = new $.Event(name); this.trigger(event, data); return event.result !== false; }, /** * Handles execution of remote calls firing overridable events along the way */ callRemote: function () { var el = this, method = el.attr('method') || el.attr('data-method') || 'GET', url = el.attr('action') || el.attr('href'), dataType = el.attr('data-type') || 'script'; if (url === undefined) { throw "No URL specified for remote call (action or href must be present)."; } else { if (el.triggerAndReturn('ajax:before')) { // change ////////////////////////////////////////////// if (el.is("form, select")) var data = el.serializeArray() else if(el.is("input[type=checkbox]")) var data = { name : el.attr("name"), value: el.attr("checked"), authenticity_token: csrf_token } else var data = [] // original console.log(data) // var data = el.is('form') ? el.serializeArray() : []; $.ajax({ url: url, data: data, dataType: dataType, type: method.toUpperCase(), beforeSend: function (xhr) { el.trigger('ajax:loading', xhr); }, success: function (data, status, xhr) { el.trigger('ajax:success', [data, status, xhr]); }, complete: function (xhr) { el.trigger('ajax:complete', xhr); }, error: function (xhr, status, error) { el.trigger('ajax:failure', [xhr, status, error]); } }); } el.trigger('ajax:after'); } } }); /** * confirmation handler */ $('a[data-confirm],input[data-confirm]').live('click', function () { var el = $(this); if (el.triggerAndReturn('confirm')) { if (!confirm(el.attr('data-confirm'))) { return false; } } }); /** * remote handlers */ $('form[data-remote]').live('submit', function (e) { $(this).callRemote(); e.preventDefault(); }); $('a[data-remote],input[data-remote]').live('click', function (e) { $(this).callRemote(); // change /////////// if($(this).is("a")) e.preventDefault(); // original // e.preventDefault(); }); $('a[data-method]:not([data-remote])').live('click', function (e){ var link = $(this), href = link.attr('href'), method = link.attr('data-method'), form = $('
'), metadata_input = ''; if (csrf_param != null && csrf_token != null) { metadata_input += ''; } form.hide() .append(metadata_input) .appendTo('body'); e.preventDefault(); form.submit(); }); /** * disable-with handlers */ var disable_with_input_selector = 'input[data-disable-with]'; var disable_with_form_remote_selector = 'form[data-remote]:has(' + disable_with_input_selector + ')'; var disable_with_form_not_remote_selector = 'form:not([data-remote]):has(' + disable_with_input_selector + ')'; var disable_with_input_function = function () { $(this).find(disable_with_input_selector).each(function () { var input = $(this); input.data('enable-with', input.val()) .attr('value', input.attr('data-disable-with')) .attr('disabled', 'disabled'); }); }; $(disable_with_form_remote_selector).live('ajax:before', disable_with_input_function); $(disable_with_form_not_remote_selector).live('submit', disable_with_input_function); $(disable_with_form_remote_selector).live('ajax:complete', function () { $(this).find(disable_with_input_selector).each(function () { var input = $(this); input.removeAttr('disabled') .val(input.data('enable-with')); }); }); });