0

Есть html код:`

<div class="overlay">
    <div class="popup">
      <div class="popup-title">Форма обратной связи</div>
      <!-- /.popup-title -->
      <div class="popup-close">&times;</div>
      <!-- /.popup-close -->
      <div class="popup-form">
        <form action="mailer/smart.php" method="POST" class="main-form form_post">
          <div class="popup-form-header">Получите индивидуальное предложение <br>
            <span>на производство и поставку</span>
            <label for="phone" class="popup-form__label">
              Введите ваш номер телефона:
            </label>
            <input type="tel" class="popup-form__input" id="phone" name="user" placeholder="+7 (ХХХ) ХХХ-ХХ-ХХ" required><!--Если пункт списка не выбран, браузер выведет сообщение, а форма отправлена не будет-->
            <button class="button popup-form__btn">
              Оставить заявку!
            </button>
            <div class="popup-form__note">
                *Минимальный заказ 500шт
            </div>
          </div>
          <!-- /.popup-form-header -->
        </form>
      </div>
      <!-- /.popup-form -->
    </div>
    <!-- /.popup -->
  </div>
  <!-- /.overlay -->

Мне нужно, чтобы после заполнения формы и отправки появлялось такое же модальное окно, только с блогодарностью. Вот html код с благодарностью:

    <div class="over_wrap" >
    <div class="popup_thanks">
      <div class="popup-title">заявка оформлена!</div>
      <!-- /.popup-title -->
      <div class="popup-close_thanks">&times;</div>
      <!-- /.popup-close -->
      <div class="popup-form_thanks">
          <div class="popup-form-header">
            Благодарим вас за интерес к нашей компании!
            <span>Вы оставили заявку, с вами свяжется наш специалист в ближайшее время!</span>
          </div><!-- /.popup-form-header -->

      </div>
      <!-- /.popup-form -->
    </div>
    <!-- /.popup -->
  </div>
  <!-- /.overlay -->

Часть кода php:

    if(!$mail->send()) {
    echo 'Письмо не может быть отправлено. ';
    echo 'Ошибка: ' . $mail->ErrorInfo;
} else {
    header('location: ../index.html');
}

Форма Ajax:

$.ajax({
    type: "POST",
    url: "mailer/smart.php",
    // url: "mail.php",
    data: self.serialize()
 }).done(function() {
    $('.over_wrap').show();
    $('.over_wrap').fadeIn('slow');
 setTimeout(function() {
     $(".overlay").fadeOut();
    }, 1500);
    setTimeout(function() {
     $(".over_wrap").fadeOut();
    }, 2000);
    // setTimeout('',2000);
    $(".form_post").trigger("reset");
 });
    return false;
3
  • Что нужно добавить в php?
    – dmd7
    1 июн 2018 в 19:42
  • если вы отправляете к примеру форму ajax то там есть такой метод
    – user33274
    1 июн 2018 в 23:57
  • @МаксимЛенский $.ajax({ type: "POST", url: "mailer/smart.php", // url: "mail.php", data: self.serialize() }).done(function() { $('.over_wrap').show(); $('.over_wrap').fadeIn('slow'); setTimeout(function() { $(".overlay").fadeOut(); }, 1500); setTimeout(function() { $(".over_wrap").fadeOut(); }, 2000); // setTimeout('',2000); $(".form_post").trigger("reset"); }); return false; А что мне тогда в php прописать?
    – dmd7
    2 июн 2018 в 13:00

1 ответ 1

0

А в php нужно было добавить: header('location: ../index.html'); А ведь было у меня так изначально

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.