Наверх

Сообщение об успешной отправке 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 fade" id="successModal" tabindex="-1" role="dialog" aria-labelledby="successModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="successModalLabel">Спасибо</h4>
      </div>
      <div class="modal-body">
          
      </div>
    </div>
  </div>
</div>
<script>
  $(document).ready(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>


4 комментария

  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
        Не знаю

      Авторизация

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

      Подписка или RSS

      Буду присылать новые статьи — никакого спама



      Шаблоны MODX

      1 2 Дальше »

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