xandeadx.ru Блог музицирующего веб-девелопера

Drupal → Добавить класс элементу пославшему друпаловский ajax запрос

Опубликовано в

Код добавляет элементу, инициализировавшему друпаловский ajax запрос (ссылка, кнопка), класс ajax-loading и удаляющий этот класс после завершения запроса:

(function ($) {
  var ajaxBeforeSendHandler = Drupal.ajax.prototype.beforeSend;
  Drupal.ajax.prototype.beforeSend = function(xmlhttprequest, options) {
    $(this.element).addClass('ajax-loading');
    ajaxBeforeSendHandler.call(this, xmlhttprequest, options);
  }
 
  var ajaxSuccessHandler = Drupal.ajax.prototype.success;
  Drupal.ajax.prototype.success = function(response, status) {
    $(this.element).removeClass('ajax-loading');
    ajaxSuccessHandler.call(this, response, status);
  }
})(jQuery);

P.S: как выяснилось друпал и так добавляет к элементам класс progress-disabled :)
Пост пусть останется, как пример подмены дефолтных калбэков, может когда-нибудь пригодится.

Написанное актуально для Drupal 7
Похожие записи

Оставить комментарий

Содержимое этого поля является приватным и не будет отображаться публично. Если у вас есть аккаунт в Gravatar, привязанный к этому e-mail адресу, то он будет использован для отображения аватара.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступные HTML теги: <a> <i> <b> <strong> <code> <ul> <ol> <li> <blockquote> <em> <s>
  • Строки и параграфы переносятся автоматически.
  • Подсветка кода осуществляется с помощью тегов: <code>, <css>, <html>, <ini>, <javascript>, <sql>, <php>. Поддерживаемые стили выделения кода: <foo>, [foo].

Подробнее о форматировании