Club Drupal

(function ($) {

  // Override core JS so it works with "button" tags.

  if (Drupal.fieldUIOverview && Drupal.fieldUIOverview.AJAXRefreshRows) {

    /**

     * Triggers Ajax refresh of selected rows.

     *

     * The 'format type' selects can trigger a series of changes in child rows.

     * The #ajax behavior is therefore not attached directly to the selects, but

     * triggered manually through a hidden #ajax 'Refresh' button.

     *

     * @param rows

     *   A hash object, whose keys are the names of the rows to refresh (they

     *   will receive the 'ajax-new-content' effect on the server side), and

     *   whose values are the DOM element in the row that should get an Ajax

     *   throbber.

     */

    Drupal.fieldUIOverview.AJAXRefreshRows = function (rows) {

      // Separate keys and values.

      var rowNames = [];

      var ajaxElements = [];

      $.each(rows, function (rowName, ajaxElement) {

        rowNames.push(rowName);

        ajaxElements.push(ajaxElement);

      });

      if (rowNames.length) {

        // Add a throbber next each of the ajaxElements.

        var $throbber = $('<div class="ajax-progress ajax-progress-throbber"><div class="throbber">&nbsp;</div></div>');

        $(ajaxElements)

          .addClass('progress-disabled')

          .after($throbber);

        // Fire the Ajax update.

        $(':input[name=refresh_rows]').val(rowNames.join(' '));

        $(':input#edit-refresh').mousedown();

        // Disabled elements do not appear in POST ajax data, so we mark the

        // elements disabled only after firing the request.

        $(ajaxElements).attr('disabled', true);

      }

    };

  }

})(jQuery);