Как донастроить mail.php?

Question

[mUchenik]

Всем привет!
Сверстал страницу html, в ней есть разделы и блоки внутри раздела, так же есть
В данный момент, подтягиваются интупы и название кнопки.

Подскажите пожалуйста, возможно ли как донастроить php.mail так, что бы подтянуть название раздела общего и название конкретного блока с которого отправлена форма (название блока это h2 с классом).

Собственно сам mail.php который я использую ( не уверен, что на сегодняшний день это решение хорошее, но других под текущую задачу, пока не знаю):

$frm_name  = "[e-mail]"; // С какой почты отпавляю
$recepient = "[e-mail]"; // На какую почту приходит
$sitename  = "site.ru"; // название сайта
$subject   = "Новая заявка с сайта \"$sitename\""; //Заголовок письма

$name = trim($_POST["name"]); // ФИО того кто заполнил форму, попадает в письмо
$calendar = trim($_POST["calendar"]); // моя попытка добавить заголовок раздела (указал класс h2) не работает
$phone = trim($_POST["customer_phone"]); // Номер телефона, который ввел пользователь, попадает в письмо
$formname = trim($_POST["formname"]); // Название кнопки которая попадает в письмо
$mail = trim($_POST["email"]); // почта указанная пользователем

$message = "
Название блока формы: $calendar <br>
Форма: $formname <br> 
Имя: $name <br>
Телефон: $phone<br>
E-mail: $mail
";

mail($recepient, $subject, $message, "From: $frm_name <$email>" . "\r\n" . "Reply-To: $email" . "\r\n" . "X-Mailer: PHP/" . phpversion() . "\r\n" . "Content-type: text/html; charset=\"utf-8\"");

JS обработчик :

$(".btn").click(function() {
    $("#callback h4").html($(this).text());
    $("#callback input[name=formname]").val($(this).text());
}).magnificPopup({
    type:"inline",
    mainClass: 'mfp-forms'
});

<div class="col-md-8 col-md-offset-2 text-center gtco-heading ">
	<h2 class="calendar">Этот текст хочу отобразить в письме</h2>
	<p></p>
</div>

<div class="rotate-block">
                    <div class="change-img">
                        <div class="front-side-img"><img src="images/123.jpg" alt=""></div>
                        <div class="back-side-img">
                            <div class="back-side__info">
                                <h3 class="back-side__title">
                                    Этот текст хочу отобразить в письме
                                </h3>
                                <span class="back-side__aderss">
                                    Этот текст хочу отобразить в письме
                                </span>

                                <span class="back-side__data">
                                    Этот текст хочу отобразить в письме
                                </span>
                                <span class="back-side__prise">
                                    Этот текст хочу отобразить в письме
                                </span>
                                <p><a href="#callback" class="btn btn-primary btn-outline btn-merop">Заявка на
                                        участие</a>
                                </p>
                            </div>
                    </div>
          </div>
 </div>

Вопрос: Возможно ли реализовать задумку, и если да то буду признателен за ваши советы.
Ну и на последок, стоит ли на сегодняшний день использовать именно такой mail.php?

Answer 1

[Rst0]

magnificPopup поднимает окно с формой, в которой
нужно добавить скрытые поля в зависимости от страницы
в PHP

<input type="hidden" name="back-side__input" id="back-side__input"  value="<?php echo 'Этот текст хочу отобразить в письме'; ?>">

или в JS копировать в value скрытых полей, то что хотите передать в $_POST

document.querySelector('#back-side__input').value 
= document.querySelector('#back-side__title').innerText.trim();

тогда

$some_text = trim($_POST["back-side__input"]); // Этот текст хочу отобразить в письме

$message = "
Название блока формы: $calendar <br>
Форма: $formname <br> 
Имя: $name <br>
Телефон: $phone<br>
E-mail: $mail
Текст: " . $some_text;

Использование скрытого поля формы для передачи ...

насчет реализации - trim($_POST["~"]) мало для обработки полей, нужна валидация, того, что приходит желательно на клиенте и на сервере
Валидация форм на стороне клиента

валидация форм на стороне сервера php

Comments

[mUchenik]

Rst0 Спасибо вам за коментарий!
Увы не совсем понимаю как на деле применить эту информацию... Туплю не по детски :)
Что бы я не делал, но в консоли вылазит ошибка: Uncaught TypeError: document.querySelector(...) is null
Что я недоделываю?
В файл JS закинул

$(".btn").click(function() {
    $("#callback h4").html($(this).text());
    $("#callback input[name=formname]").val($(this).text());
}).magnificPopup({
    type:"inline",
    mainClass: 'mfp-forms'
});

document.querySelector('#back-side__input').value 
= document.querySelector('#back-side__title').innerText.trim();

В файл mail php

<?php
$frm_name  = "[e-mail]"; // С какой почты отпавляю
$recepient = "[e-mail]"; // На какую почту приходит
$sitename  = "site.ru"; // название сайта
$subject   = "Новая заявка с сайта \"$sitename\""; //Заголовок письма

$name = trim($_POST["name"]); // ФИО того кто заполнил форму, попадает в письмо
$calendar = trim($_POST["calendar"]); // моя попытка добавить заголовок раздела (указал класс h2) не работает
$phone = trim($_POST["customer_phone"]); // Номер телефона, который ввел пользователь, попадает в письмо
$formname = trim($_POST["formname"]); // Название кнопки которая попадает в письмо
$mail = trim($_POST["email"]); // почта указанная пользователем
$some_text = trim($_POST["back-side__input"]); // Этот текст хочу отобразить в письме

$message = "
Название блока формы: $calendar <br>
Форма: $formname <br> 
Имя: $name <br>
Телефон: $phone<br>
E-mail: $mail <br>
Текст: " . $some_text;
";

mail($recepient, $subject, $message, "From: $frm_name <$email>" . "\r\n" . "Reply-To: $email" . "\r\n" . "X-Mailer: PHP/" . phpversion() . "\r\n" . "Content-type: text/html; charset=\"utf-8\"");

Если не затруднит, объясните "для тех, кто в танке".
Спасибо.

[Rst0]

mUchenik,
у вас есть форма, которая отправляется

<form>
<input type="text" name="name" value=""/>
<input type="text" name="calendar" value=""/>
<input type="text" name="customer_phone" value=""/>
</form>

в нее и добавьте скрытое поле с типом hidden

<input type="hidden" name="back-side__input" id="back-side__input"  value="">

впишите в HTML

[Rst0]

document.querySelector(...)
ищет селектор, но вы его не создали - это как раз тот input скрытый и есть.

[Rst0]

посмотрите на пример, там JS берет заголовок и вставляет в скрытое поле


это поле прилетит в переменной $_POST на mail.php

[mUchenik]

Rst0, Супер!!! Заработало!!!
Спасибо Вам огромное!
Возможно ли научить (видимо js), что бы он понимал с какой секции отправлено письмо?
т.е. есть несколько блоков, в которых расположены кнопки, сейчас независимо от блока в письме отображается секция 1.
Что следует сделать, что бы номер секции менялся в зависимости от расположения кнопок?

[Rst0]

возможно.
в JS вы можете делать почти любые преобразования с кодом загруженной страницы.
в идеале
1) перехватить событие отправки формы
2) проверить валидность и дополнить ее нужными данными
3) отправить уже измененный запрос туда же на mail.php
но с другой стороны, если страница строится средствами PHP,
то часть
динамической информации вы можете предать с сервера путем подстановки в зависимости от страницы/условий.
у вас идеальная задача, чтоб начать знакомство с JS параллельно