Как узнать с какой кнопки отправили заявку на сайте?

Question

[Justin Bieber]

На сайте есть 4 кнопки, по нажатию которых всплывает одна и та же форма имя телефон отправить заявку.
Как узнать с какой кнопки отправляли заявку?

mail.php:

<?php

$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);



$frm_name  = "$name";
$recepient = "[e-mail]";//почта
$sitename  = 'SITENAME';
$subject   = "Новая заявка с сайта \"$sitename\"";

$message="";
if ($name!=""){
	$message .=  "Имя: $name <br>";
}
if ($phone!=""){
	$message .=  "Телефон: $phone <br>";
}


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

<!-- BEGIN POPUP -->

		<div class="hidden">
			<form id="callback" class="popup">
				<h3>Заказать обратный <br>звонок</h3>
				<input type="text" name="name" placeholder="Введите Ваше имя" required>
				<input type="tel" name="phone" placeholder="Введите Ваш телефон" required>
				<input type="submit" class="btn" value="Заказать">
			</form>
			<div id="thanks" class="popup">
				<h3>Спасибо за заявку</h3>
				<p>Мы свяжемся с Вами в <br>ближайшее время</p>
			</div>
		</div>

	    <!-- END POPUP -->

Answer 1

[Сергей Зеленский]

добавить каждой кнопке id и вписывать его в hidden-поле формы

document.getElementById('#button1').addEventListener('click',function(event){
    showForm(); // здесь код который показывает форму
    document.querySelector('#hidden_id').value = '#button1';
},false);
document.getElementById('#button2').addEventListener('click',function(event){
    showForm(); // здесь код который показывает форму
    document.querySelector('#hidden_id').value = '#button2';
},false);
document.getElementById('#button3').addEventListener('click',function(event){
    showForm(); // здесь код который показывает форму
    document.querySelector('#hidden_id').value = '#button3';
},false);

и в форме добавить поле

<!-- BEGIN POPUP -->

    <div class="hidden">
      <form id="callback" class="popup">
        <h3>Заказать обратный <br>звонок</h3>
       <input type="hidden" name="hidden_id' id="hidden_id">
        <input type="text" name="name" placeholder="Введите Ваше имя" required>
        <input type="tel" name="phone" placeholder="Введите Ваш телефон" required>
        <input type="submit" class="btn" value="Заказать">
      </form>
      <div id="thanks" class="popup">
        <h3>Спасибо за заявку</h3>
        <p>Мы свяжемся с Вами в <br>ближайшее время</p>
      </div>
    </div>

      <!-- END POPUP -->

Comments

[Justin Bieber]

можно поподробнее или гайд какой нить )

[Justin Bieber]

добавить новый $hidden?

[Justin Bieber]

слишком сложно )

[Сергей Зеленский]

учите js, чтоб не было сложно

[Justin Bieber]

Сергей Зеленский: нашел гайд, пробую ))