Показать сообщение отдельно
  #2 (permalink)  
Старый 08.11.2020, 17:50
Аспирант
Отправить личное сообщение для zulfukar Посмотреть профиль Найти все сообщения от zulfukar
 
Регистрация: 10.06.2020
Сообщений: 43

<div class="sub-title comadd"><h3>Задать вопрос!</h3></div>
        <div style="color: #f00;" id="result"></div>
        <img src="/feedback/ajax-loader.gif" id="load-indicator" alt="loading" style="position:absolute; z-index:1000; display:none;" />
 
<form method="post" action="/feedback/mails_sender.php" id="feedback" name="feedback" enctype="multipart/form-data">
    <div class="comment">
                <fieldset>
                        <select name="sex">
                            <option>Выберите Ваш пол *</option>
                            <option value="Мужчина">Мужчина</option>
                            <option value="Женщина">Женщина</option>
                        </select>
                </fieldset>
                <fieldset>
                        <input name="youremail" type="text" placeholder="Эл. @ почта *" size="20" />
                </fieldset>
                <fieldset>
                        <select name="option">
                            <option>Выберите сотрудника *</option>
                            <option value="Сергей">Сергей</option>
                            <option value="Иван">Иван</option>
                            <option value="Николай">Николай</option>
                            <option value="Антон">Антон</option>
                            <option value="Виктор">Виктор</option>
                        </select>
                </fieldset>
                <fieldset>
                        <textarea name="message" id="sendtext" placeholder="Текст сообщения *" style="resize: vertical; width: 98%; height: 130px; display: block;" cols="40" rows="5"></textarea>
                </fieldset>
    </div>
<table><tr><td style="padding-right:20px;">                
    <div class="send">
        <input name="to" type="hidden" value="send" />
        <button type="submit" class="sub">Отправить</button>
    </div>
</td><td>
        <input name="to" type="hidden" value="Очистить" />
        <button type="reset" class="sub">Очистить</button>
</td></tr>
</table>
</form>
 
        <script>
            // этот участок кода нужен только для отображения гифки
            // которая даёт пользователю понять, что что-то происходит
            // и нужно подождать
            $(document).ready(function () {
                $(document).ajaxStart(function () {
                    // найдем элемент с изображением загрузки и уберем невидимость:
                    var imgObj = $("#load-indicator");
                    imgObj.show();
                    // вычислим в какие координаты нужно поместить изображение загрузки,
                    // чтобы оно оказалось в серидине страницы:
                    var centerY = $(window).scrollTop() + ($(window).height() + imgObj.height()) / 2;
                    var centerX = $(window).scrollLeft() + ($(window).width() + imgObj.width()) / 2;
                    imgObj.offset({
                        left: centerX,
                        top: centerY
                    });
                });
                //скрываем изображение после окончания AJAX-запроса
                $(document).ajaxStop(function () {
                    $("#load-indicator").hide();
                });
            });
 
            // назначаем действие на такое событие как отправка формы
            $("#feedback").submit(function (evtObj) {
                evtObj.preventDefault();
                // Если элемент формы fileforsending содержит значения (т.е. выбран файл для отправки),
                // то вместо AJAX-запроса используем FormData()
                // поскольку файлы через AJAX-запросы не передаются                
 
                 {
                    var form = $(this);
                    $.ajax({
                        // Здесь файл, который обрабатывает полученные от пользователя данные и отправляет почту
                        url: "/feedback/mails_sender.php",
                        type: "POST",
                        data: form.serialize(),
                        // Действия в случае успешной отправки AJAX-запроса (а не письма!)
                        // Здесь data - полученное от mails_sender.php сообщение
                        success: function (data) {
                            if (data === "Отправлено письмо без вложений.") {
                                $("#result").html("Отправлено письмо без вложений.");
                                // Письмо отправлено, сбрасываем данные формы
                                document.getElementById("feedback").reset();
                                // Следующая строка после успешной отправки сообщения
                                // перенаправляет пользователь на любую страницу/сайт
                                // достаточно раскомментировать её и поменять адрес сайта webware.biz
                                // на ваш собственный
                                // document.location.href = "http://";
                            } else {
                                $("#result").html(data);
                            }
                        },
                        error: function (data) {
                            $("#result").html("Результат выполнения: " + data);
                        }
                    });
                }
            });
        </script>
Ответить с цитированием