Наверх

Сообщение об успешной отправке 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>


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

    Авторизация

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

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

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



    Шаблоны MODX

    1 2 Дальше »

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