Наверх

Сообщение об успешной отправке AjaxForm в модалке

FancyBox

<script>
  $(document).ready(function() {
      AjaxForm.Message.success = function() {};
  });
  $(document).on('af_complete', function(event, response) {
      var form = response.form;
      if (response.success) {
          $.fancybox.close();
          $.fancybox('<h1>' + response.message + '</h1>');
      }
  });
</script>

Bootstrap

<div class="modal" id="successModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Спасибо</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body"></div>
    </div>
  </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    AjaxForm.Message.success = function() {};

    $(document).on('af_complete', function(event, response) {
        var form = response.form;
        if (response.success) {
            form.parents('.modal').modal('hide');
            $('#successModal .modal-body').html(response.message);
            $('#successModal').modal('show');
        }
    });
});
</script>


6 комментариев

  1. Евгений 06 февраля 2018, 22:23(Комментарий был изменён) # 0
    Как быть с появляющимся padding ом справа. при появлении второго окна? и закрытии его. Это про случай с bootstrap
    1. Илья Уткин 07 февраля 2018, 09:48 # 0
      Не знаю… Этот код вообще как пример. Сейчас же третий Bootstrap уже неактуален, все делают на четвёртом)
    2. Игорь 24 апреля 2018, 21:56(Комментарий был изменён) # 0
      inline окно фанкибокс закрывается а iframe — нет
      почему?
      1. Илья Уткин 25 апреля 2018, 11:20 # 0
        Не знаю
      2. Александр 17 января 2020, 01:02 # 0
        $.fancybox(… не работает
        надо $.fancybox.open(…
        1. biper 01 сентября 2023, 09:48 # 0
          модалка содержит форму ajax, при отправке формы после заполнения (правильного, неправильного — все едино… или при обновлении страницы) окно закрывается вместе с сообщениями об отправке/ошибке, которые в модальном окне отображаются в это время… А нужно, чтобы событие обрабатывалось полностью в модалке — т.е. открытая модалка закрывалась бы ТОЛЬКО принудительно, с кнопки «закрыть окно». Вопрос: как сие реализовать ?!

          Авторизация

          через сервис Loginza:


          Шаблоны MODX

          1 2 Дальше »

          Объектная
          модель
          MODX