0 / 0 / 0
Регистрация: 15.11.2011
Сообщений: 5

Как открыть модальное окно после отправки данных на почту?

09.12.2016, 15:47. Показов 4298. Ответов 2

Студворк — интернет-сервис помощи студентам
Всем привет! Есть простенький сайт. На нем есть форма для отправки данных.(поля: Имя, email и кнопка сделать заказ.) После нажатия на кнопку, данные отправляются мне на e-mail, а человеку показывается всплывающее окно, сделанное через alert("Спасибо за заявку! ");

Куда и что мне надо прописать, что бы после нажатия на кнопку "сделать заказ" данные отправились мне на email, а пользователю открылось созданное мною модальное окно(сделано оно при помощи bootstrap) .


файл js
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$(document).ready(function() {
 
    //E-mail Ajax Send
    $("#contact-form").submit(function() { //Change
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
            
        })
        .done(function() {
            alert("# Спасибо за заявку! ");
                       
            setTimeout(function() {
                            // Done Functions
                th.trigger("reset");
            }, 1000);
        });
        return false;
 
  
    });
 
});
php файл если нужен)
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?php
 
$method = $_SERVER['REQUEST_METHOD'];
 
//Script Foreach
$c = true;
if ( $method === 'POST' ) {
 
    $project_name = trim($_POST["project_name"]);
    $admin_email  = trim($_POST["admin_email"]);
    $form_subject = trim($_POST["form_subject"]);
 
    foreach ( $_POST as $key => $value ) {
        if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
            $message .= "
            " . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
            <td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
            <td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
        </tr>
        ";
    }
}
} else if ( $method === 'GET' ) {
 
    $project_name = trim($_GET["project_name"]);
    $admin_email  = trim($_GET["admin_email"]);
    $form_subject = trim($_GET["form_subject"]);
 
    foreach ( $_GET as $key => $value ) {
        if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
            $message .= "
            " . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
            <td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
            <td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
        </tr>
        ";
    }
}
}
 
$message = "<table style='width: 100%;'>$message</table>";
 
function adopt($text) {
    return '=?UTF-8?B?'.Base64_encode($text).'?=';
}
 
$headers = "MIME-Version: 1.0" . PHP_EOL .
"Content-Type: text/html; charset=utf-8" . PHP_EOL .
'From: '.adopt($project_name).' <'.$admin_email.'>' . PHP_EOL .
'Reply-To: '.$admin_email.'' . PHP_EOL;
 
mail($admin_email, adopt($form_subject), $message, $headers );
модальное окно. кусок кода из index.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!-- HTML-код модального окна -->
<div id="myModal" tabindex="-1" class="modal fade" ">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Заголовок модального окна -->
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Заголовок модального окна</h4>
      </div>
      <!-- Основное содержимое модального окна -->
      <div class="modal-body">
        Содержимое модального окна...
        Получите каталог !                <br>
                <br>
                <a href="asd.pdf" class="btn btn-lg btn-promo">получить каталог</a>
      </div>
      <!-- Футер модального окна -->
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
        <button type="button" class="btn btn-primary">Сохранить изменения</button>
      </div>
    </div>
  </div>
</div>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
09.12.2016, 15:47
Ответы с готовыми решениями:

Модальное окно bootstrap после отправки формы
Здравствуйте, подскажите с решением, после отправки формы должно появляться модальное окно, оно появляется но буквальна на миг и пропадает,...

Всплывающее окно после отправки на почту (перезагружается страница)
Всем привет, делал сайт , по заданию нужно нужно сделать всплывающее окно &quot;Сообщение отправлено&quot; , я делал по принципу замены css...

Как открыть модальное окно Fancybox
Всем доброго времени суток. Прошу помочь советом или ссылкой. Проблема такая: Раньше на сайте использовал плагин Fancybox версии 2 и...

2
38 / 37 / 29
Регистрация: 02.12.2013
Сообщений: 244
09.12.2016, 18:23
hbloks,
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
$(document).ready(function() {
 
    //E-mail Ajax Send
    $("#contact-form").submit(function() { //Change
        var th = $(this);
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
            
        })
        .done(function() {
            //alert("# Спасибо за заявку! ");
                       
            setTimeout(function() {
                            // Done Functions
                th.trigger("reset");
            }, 1000);
        $( ".modal-body" ).show();
        });
        return false;
 
  
    });
 
});
Добавлено через 4 минуты
hbloks, И еще... Лучше "return false;" вставить в ".fail"
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
        $.ajax({
            type: "POST",
            url: "mail.php", //Change
            data: th.serialize()
            
        })
       .done(function() {
          // твой код
       })
       .fail(function() {
         return false;
       });
0
0 / 0 / 0
Регистрация: 15.11.2011
Сообщений: 5
17.12.2016, 22:57  [ТС]
kposs, спасибо тебе большое! Ты лучший))) Сделал все как ты сказал и все заработало.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
17.12.2016, 22:57
Помогаю со студенческими работами здесь

Как открыть модальное окно ShowModal?
1) Кто напишет строчку кода с примером открытия модального окна? То-есть такого, которое берет управление на себя и не дает щелкать по...

Как открыть и закрыть модальное окно по ссылке?
У меня есть модальное окно которое открывается по ссылке и закрывается по кнопке в самом модальном окне а также закрывается оно если...

Как средствами php открыть модальное окно на jQuery?
Привет всем у меня есть скрипт модального окна. Оно появляется когда пользователь щелкает по ссылке, а как можно сделать это средствами php...

Как открыть модальное окно из страницы подгруженной ajax-ом.
Приветствую, уважаемые! Возникла проблема. Дано: Страница, на ней часть контента подгружается ajax-ом. Задача: Данные подгрузили,...

Как при нажатии на кнопку запустить функцию и открыть модальное окно
Всем привет! Думаю, вопрос простой, но не для меня, второй день копаюсь.. Есть модальное окно (div), оно запускается, всё хорошо....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

Новые блоги и статьи
Отчёт о спецтехнике находящейся в ремонте
Maks 20.04.2026
Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .
Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)"
Hrethgir 19.04.2026
Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .
Запрет удаления строк ТЧ документа при определенном условии
Maks 19.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов
alhaos 17.04.2026
Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда".
kumehtar 16.04.2026
Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .
My Business CRM
MaGz GoLd 16.04.2026
Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .
Знаешь почему 90% людей редко бывают счастливыми?
kumehtar 14.04.2026
Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД
Maks 14.04.2026
Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru