
10.11.2021, 14:03
|
|
Участник форума
Регистрация: 08.11.2021
Сообщений: 109
С нами:
2377035
Репутация:
33
|
|
Часто разработчики используют на своих сайтах формы обратной связи. В данном гайде я покажу как сделать отправку ответа на форму который придёт Вам на указанную в скрипте почту.
В гайде всё будет разложено по спойлерам.
4OTtdGk.png_Nelit_ · 10 Ноя 2021 в 13:03' data-fancybox="lb-post-884410" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2F4OTtdG k.png&hash=f82cd8d80932d36d104ad3fb4fd8c5c8" style="cursor: pointer;" title="4OTtdGk.png">
Сообщение от Спойлер
Создаём файл index.html и пишем такой код
HTML:
Код:
Forma
* {
margin: 0;
padding: 0;
}
input {
margin: 10px 0px 10px 0px;
}
.forma {
display: flex;
justify-content: center;
}
Send Form
project_name- Название Вашего сайта
admin_email - Почта, куда будут приходить ответы
form_subject - Тема всех писем. Советую писать "Новая заявка"
Скрытые поля с типом hidden так-же нужны. В них хранится информация куда надо отправлять ответ.
Не забываем подключить библиотеку jQuery. Она нам надо будет позже.
Сообщение от Спойлер
Создаём файл main.js и пишем такой код
JavaScript:
Код:
$
(
document
)
.
ready
(
function
(
)
{
// Создаём функцию
$
(
"form"
)
.
submit
(
function
(
)
{
// Если нажата кнопка Send Form в нашей форме
var
th
=
$
(
this
)
$
.
ajax
(
{
type
:
"POST"
,
url
:
"mail.php"
,
// Путь к нашему php файлу
data
:
th
.
serialize
(
)
}
)
.
done
(
function
(
)
{
// Удачное выполнение скрипта (Если отправка прошла успешно)
alert
(
"Thank you!"
)
// Отправим надпись Thank you когда всё получится
setTimeout
(
function
(
)
{
// Установим отложенный запуск функции, через 1 секунду форма будет очищена
th
.
trigger
(
"reset"
)
// Очистка формы
}
,
1000
)
}
)
;
return
false
;
}
)
}
)
Сообщение от Спойлер
Создаём файл mail.phpи пишем такой код
PHP:
Код:
$value ) {
if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
$message .= "
" . ( ($c = !$c) ? '':'' ) . "
$key
$value
";
}
}
} 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) ? '':'' ) . "
$key
$value
";
}
}
}
$message = "$message";
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).' ' . PHP_EOL .
'Reply-To: '.$admin_email.'' . PHP_EOL;
mail($admin_email, adopt($form_subject), $message, $headers );
4OTtdGk.png_Nelit_ · 10 Ноя 2021 в 13:03' data-fancybox="lb-post-884410" data-lb-caption-extra-html="" data-lb-sidebar-href="" data-single-image="1" data-src="/proxy.php?image=https%3A%2F%2Fi.imgur.com%2F4OTtdG k.png&hash=f82cd8d80932d36d104ad3fb4fd8c5c8" style="cursor: pointer;" title="4OTtdGk.png">
Забыл сказать, скрипт сам находит все строки которые надо заполнить. Хоть их будет 100 миллиардов штук, скрипт сам найдёт и добавит вам в таблицу. Так-же мне письмо пришло в спам, куда придёт Вам я не знаю. Конец!
Ссылка на весь проект тут -Клик
|
|
|

11.11.2021, 15:26
|
|
Участник форума
Регистрация: 15.07.2019
Сообщений: 270
С нами:
3595425
Репутация:
98
|
|
Прикольно, молодец. Только вот html не язык программирования)
|
|
|

11.11.2021, 15:40
|
|
Участник форума
Регистрация: 08.11.2021
Сообщений: 109
С нами:
2377035
Репутация:
33
|
|
Сообщение от odelyaZ
Прикольно, молодец. Только вот html не язык программирования)
Правда? Конечно не язык. Это язык гипертекстовой разметки.
|
|
|

12.11.2021, 00:58
|
|
Участник форума
Регистрация: 15.07.2019
Сообщений: 270
С нами:
3595425
Репутация:
98
|
|
Сообщение от _Nelit_
Правда? Конечно не язык. Это язык гипертекстовой разметки.
Ну указывать его на равне с языками программирования не совсем правильно. Тогда ты мог уже и CSS указать)
|
|
|

12.11.2021, 01:35
|
|
Участник форума
Регистрация: 08.11.2021
Сообщений: 109
С нами:
2377035
Репутация:
33
|
|
Сообщение от odelyaZ
Ну указывать его на равне с языками программирования не совсем правильно. Тогда ты мог уже и CSS указать)
Указывал так, как сказал GitHub. Что-бы ко мне уж точно не докопались...
|
|
|

13.11.2021, 02:12
|
|
Участник форума
Регистрация: 15.07.2019
Сообщений: 270
С нами:
3595425
Репутация:
98
|
|
Сообщение от _Nelit_
Указывал так, как сказал GitHub. Что-бы ко мне уж точно не докопались...
ну лаааадно
|
|
|

15.11.2021, 18:14
|
|
Участник форума
Регистрация: 25.09.2021
Сообщений: 132
С нами:
2439810
Репутация:
18
|
|
Всё работает, автору респект
|
|
|

17.11.2021, 15:58
|
|
Познающий
Регистрация: 05.09.2021
Сообщений: 92
С нами:
2468408
Репутация:
18
|
|
samp ??
|
|
|

17.11.2021, 15:59
|
|
Участник форума
Регистрация: 08.11.2021
Сообщений: 109
С нами:
2377035
Репутация:
33
|
|
Сообщение от SADFI2259X
samp ??
Причём тут самп? Видишь раздел - "Веб разработка"?
|
|
|

23.11.2021, 11:15
|
|
Участник форума
Регистрация: 27.08.2017
Сообщений: 143
С нами:
4584912
Репутация:
83
|
|
Какой опыт в веб разработке у тебя?
|
|
|
|
 |
|
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|