Mark54
@Mark54
Web-developer

Как вместо alert вывести html код?

Здравствуйте, при успешной отправке формы, у меня появляется окно alert
$output = '<script>alert("Ваша заявка отправлена, спасибо, мы свяжемся с вами в ближайшее время!");</script>';

Подскажите пожалуйста как вместо alert, сделать чтобы всплывала html форма (Спасибо, что оставили заявку)?
  • Вопрос задан
  • 85 просмотров
Решения вопроса 1
anatoly_kulikov
@anatoly_kulikov
Wordpress-разработчик
Как вариант могу такое предложить:
function success() {
    let div = document.createElement('div');
    div.className = 'success';
    div.innerHTML = '<h1>Ваша заявка отправлена, спасибо, мы свяжемся с вами в ближайшее время</h1>';
    document.body.append(div);
}

Больше смотрите здесь.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
daemonhk
@daemonhk
ПсиХоПат
Написать свою функцию, которая будет вызывать нужное содержимое, скажем, с помощью fancybox
Ответ написан
NooBiToo
@NooBiToo
Как вариант по проще
создаешь элемент допустим
<div class="success">
  <h1>Ваша заявка отправлена, спасибо, мы свяжемся с вами в ближайшее время!</h1>
</div>

задаешь ему стили
.success {
  display: none;
  position: absolute;
}

при успехе задаешь блоку success, стиль display:block; или используешь jQuery и fadeUp, через delay задаешь время сколько она висит, или же делаешь опять таки кнопку закрытия
P.S. стили для success надо изменить под свою стилистику
Ответ написан
mishaweb
@mishaweb
учусь делать сайты
Используйте ajax отправку формы
$(function() {
      $('form').submit(function(e) {
        var $form = $(this);
        $.ajax({
          type: $form.attr('method'), //атрибуты form
          url: $form.attr('action'),//атрибуты form
          data: $form.serialize(),
         success: function (data) {
      	Тут если форма успешно отправлена то показываем что-либо, например:
         $( "id вашего окна" ).show( ); - это покажет модалку,
              },
              error:  function(xhr, str){
                    alert('Возникла ошибка: ' + xhr.responseCode);
                }
        });
        e.preventDefault(); 
      });
    });
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
R52.RU Нижний Новгород
от 30 000 до 50 000 руб.
HTML Academy Санкт-Петербург
от 150 000 до 180 000 руб.
Star-staff Москва
от 100 000 до 150 000 руб.