Как в ajaxform modx урать всплывающие сообщения и заменить их на свои блоки?

В MODX, плагин AjaxForm используется для отправки формы через AJAX. Всплывающие сообщения, которые появляются после отправки формы, это стандартное поведение AjaxForm. Одним из способов заменить всплывающие сообщения на свои блоки является переопределение стандартных событий, генерируемых AjaxForm.

Для начала нужно создать свой JavaScript-скрипт, который будет обрабатывать события AjaxForm и заменять всплывающие сообщения на свои блоки. В этом скрипте мы будем использовать jQuery для удобной обработки событий.

Пример кода:

$(document).ready(function() {
  // Переопределение события success
  MODx.on('AjaxForm.success', function(response) {
    // Очистка всплывающих сообщений
    $('.formit-form-messages').empty();

    // Проверка наличия блока с ID 'custom-success-message'
    if ($('#custom-success-message').length) {
      // Если блок есть, то вставляем в него сообщение об успешной отправке
      $('#custom-success-message').html('Ваша форма была успешно отправлена!');
    }
  });

  // Переопределение события error
  MODx.on('AjaxForm.error', function(response) {
    // Очистка всплывающих сообщений
    $('.formit-form-messages').empty();

    // Проверка наличия блока с ID 'custom-error-message'
    if ($('#custom-error-message').length) {
      // Если блок есть, то вставляем в него сообщение об ошибке
      $('#custom-error-message').html('Произошла ошибка при отправке формы!');
    }
  });
});

В приведенном примере мы переопределяем события success и error на события AjaxForm. При событии success мы очищаем все всплывающие сообщения и вставляем сообщение об успешной отправке в блок с ID 'custom-success-message'. При событии error мы также очищаем все всплывающие сообщения и вставляем сообщение об ошибке в блок с ID 'custom-error-message'. Эти блоки должны быть созданы на странице модуля, где используется AjaxForm.

После создания JavaScript-скрипта, его нужно добавить на страницу модуля, где используется AjaxForm. Для этого вы можете добавить его в шаблон или внедрить его через модуль MODX.

Обратите внимание, что ID блоков 'custom-success-message' и 'custom-error-message' являются произвольными и вы можете использовать собственные ID для своих блоков.