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

Question

[Andrey11g]

Добрый день.
Задача на первый взгляд очень проста - отправить данные из калькулятора на почту.

Имеются две подзадачи:
1) Пользователь вводит свои контакты и при нажатии кнопки отправить, письмо уходит администратору сайта. Как это реализовать я знаю и это работает.
2) В письмо вставляются промежуточные результаты из калькулятора.



В самом калькуляторе нет и быть не может полей input, данные получаются передвижением ползунка. При этом место где меняется число записано как
<span>число</span>

Полностью код строки такой:

<tr><td><p>пункт 4</p></td>
		<td>
		<div class="line">
			<div class="hover-under"></div>
			<div class="hover"></div>
			<div class="cursor ui-draggable ui-draggable-handle"></div>
		</div>
		</td>
		<td><p><span>1</span> шт</p></td>
		</tr>

Я понимаю, что альтернативный метод заключается в том, что данные вводятся примерно так:

<input type="text" name="name" placeholder="Ваше имя" required /><br />

Но я не понимаю как "обернуть" числа, чтобы их можно было вставить автоматически в письмо. И еще один момент - калькулятор представляет собой таблицу из трех столбцов, где "значение" есть "отдельная ячейка". То есть по идее можно дать id ячейки и потом уже ее дергать скриптом.

В конечном результате нужно следущее:
Поступила заявка с сайта.
Имя - Вася
Телефон - +7...
Email - aaa...
Заказано:
пункт 1 - 12 шт
пункт 2 - 3шт
пункт 3 - 66 шт
пункт 4 - 1 шт
Итоговая сумма - 10000 рублей

Как отформатировать письмо знаю. Вопрос именно в подстановке чисел.

Comments

[Konata Izumi]

В каком виде собираете данные с калькулятора на бекенде?

[FlipWho]

Konata69lol, походу в бекенде никак и не собирают инфу, но хотят хотя бы на почту присылать.

[FlipWho]

Ссылку в студию! Сейчас разберём на куски.

[Andrey11g]

Konata69lol, если я правильно понял вопрос - есть js в котором прописана стоимость каждого пункта, затем методом простого сложения, перемножения получается результат. Сервер не задействован, все расчеты производятся средствами браузера локально.
Есть переменные calcData[0], calcData[1], calcData[2] каждая для пункта.

[Andrey11g]

FlipWho, https://yadi.sk/d/5VSzqhE4pfln0A

[Konata Izumi]

Andrey11g, Тогда каким образом вы собираетесь отправлять письма?

[Andrey11g]

Konata69lol, используя данный код

$(document).ready(function() {

	$("#calc").submit(function() {
		$.ajax({
			type: "POST",
			url: "sendcalc.php",
			data: $(this).serialize()
		}).done(function() {
			$(this).find("input").val("");
			alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
			$("#calc").trigger("reset");
		});
		return false;
	});
	
});

<?php
$recepient = "почта";
$sitename = "Название сайта";
$name = trim($_POST["calcData[1]"]);
$phone = trim($_POST["calcData[2]"]);
$text = trim($_POST["calcData[3]"]);
$message = "Имя: $calcData[1] \nТелефон: $calcData[2] \nТекст: $calcData[3]";
$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");

Код работает, только не вставляет значения в нужные места

[Andrey11g]

Может будет проще таблицу целиком отправлять на почту?

Answer 1

[Rodion Gashe]

подключить jQuery, прописать span'ам идентификаторы и забирать из каждого нужного элемента данные
var punkt1 = $('#punkt1_val').text();
и кладите их куда угодно