<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>