Есть форма, как отправить с нее инфу на почту? Озолочу)

LG
На сайте с 17.01.2014
Offline
42
4493

Есть калькулятор http://www.gklesprom.ru/91.htm Он собирает инфу в форму (нажав просмотреть заказ). Вот как теперь мне сделать чтобы эта форма уходила ко мне на почту. Это форма я так понял сформировалась в js.

Вот код:

function dsp_print(){

var $pattern = '<div class="title">Форма распила</div>'+
'<div class="separator"></div>';
var $i = 1;
$('.dsp_wrapper .block').each(function(){
var $block_id = '#' + $(this).attr('id');
$block_pattern = '<div class="group"><div class="number">'+ $i +'</div><div class="color_1">Цвет ЛДСП: ' +
$($block_id + ' .dsp_color_name_holder .sbSelector').html() + '<br />Толщина: ' + $($block_id + ' .dsp_thickness_holder .sbSelector').html() +
' мм </div><div class="color_2">Цвет кромки (2 мм): ' + $($block_id + ' .dsp_color_name_holder_2 .sbSelector').html() +
'<br />Цвет кромки (0,4 мм): ' + $($block_id + ' .dsp_color_name_holder_3 .sbSelector').html() + '</div></div>' +
'<table><tr><th>Длина</th><th>Ширина</th><th colspan="2">Кромка (длина)</th><th colspan="2">Кромка (длина)</th><th>Эскизы</th><th>Кол-во</th><th>Стоимость</th></tr>';

$($block_id + ' .dsp_size_item').each(function(){
var $item_id = '#' + $(this).attr('id');
var $item_pattern = '<tr><td>' + $($item_id + ' .Ldsp').val() + '</td><td>' + $($item_id + ' .Wdsp').val() + '</td><td>' +
$($item_id + ' .edge_holder_1 .sbSelector').html() + '</td><td>' + $($item_id + ' .edge_holder_2 .sbSelector').html() + '</td><td>' +
$($item_id + ' .edge_holder_3 .sbSelector').html() + '</td><td>' + $($item_id + ' .edge_holder_4 .sbSelector').html() + '</td><td>';
var $modal_id = '#sketch_' + $(this).attr('id');
if ($($modal_id + ' .item_1.angles select').val()!= 0){
$item_pattern += '<p>Радиус 50-400 мм: ' + $($modal_id + ' .item_1.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_2.angles select').val()!= 0){
$item_pattern += '<p>Радиус 450-1000 мм: ' + $($modal_id + ' .item_2.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_3.angles select').val()!= 0){
$item_pattern += '<p>Прямоугольный выпил: ' + $($modal_id + ' .item_3.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .milling .select_1 select').val()!== 'Нет'){
$item_pattern += '<p>Фрезеровка длина: ' + $($modal_id + ' .milling .select_1 select').val() + '</p>';
}
if ($($modal_id + ' .milling .select_2 select').val()!== 'Нет'){
$item_pattern += '<p>Фрезеровка ширина: ' + $($modal_id + ' .milling .select_2 select').val() + '</p>';
}
if ($($modal_id + ' .item_4.milling select').val()!= 0){
$item_pattern += '<p>Криволинейный пил: ' + $($modal_id + ' .item_4.milling select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_5.milling select').val()!= 0){
$item_pattern += '<p>Наклонный пил: ' + $($modal_id + ' .item_5.milling select').val() + ' шт.</p>';
}
$item_pattern += '</td><td>' + $($item_id + ' .Qdsp').val() + '</td><td>' + $($item_id + ' .cost_wrapper').html() + '</td></tr>';
$block_pattern += $item_pattern;
});
$block_pattern += '</table><div class="separator"></div>';
$pattern += $block_pattern;
$i++;
});

$pattern += '<div class="group"><div class="orgalit"><div class="title">ДВПо</div><table>' +
'<tr><th>Цвет</th><th>Длина</th><th>Ширина</th><th>Кол-во</th><th>Пр. выпилы</th><th>Стоимость</th></tr>';

$('.orgalit_wrapper .orgalit_item').each(function(){
var $item_id = '#' + $(this).attr('id');
var $item_pattern = '<tr><td>' + $($item_id + ' .orgalit_color_holder .sbSelector').html() + '</td><td>' +
$($item_id + ' .item_1 input').val() + '</td><td>' + $($item_id + ' .item_2 input').val() + '</td><td>' +
$($item_id + ' .item_3 input').val() + '</td><td>' + $($item_id + ' .drank_wrapper .sbSelector').html() + '</td><td>' +
$($item_id + ' .item_cost span').html() + '</td></tr>'
$pattern += $item_pattern;
});
$pattern += '</table></div><div class="milling"><div class="title">Присадка</div>' +
'<p>От 1 до 10 мм: ' + $('.additive_wrapper .input_wrapper_1.item_1 input').val() +
' шт.</p><p>От 11 до 20 мм: ' + $('.additive_wrapper .input_wrapper_1.item_2 input').val() +
' шт</p><p>От 21 до 35 мм: ' + $('.additive_wrapper .input_wrapper_1.item_3 input').val() + ' шт.</p></div></div>' +
'<div class="additional">';
if ($('.tab_1 .additional_services_wrapper .option_1 input').is(':checked')){
$pattern += '<p>Упаковка: ' + $('.tab_1 .additional_services_wrapper .option_1 .item_2').html() + ' м.кв. Ч ' +
$Ppack + ' = ' + $('.tab_1 .additional_services_wrapper .option_1 .item_4').html() + ' р.</p>';
}
if ($('.tab_1 .additional_services_wrapper .option_2 input').is(':checked')){
$pattern += '<p>Погрузка: ' + $('.tab_1 .additional_services_wrapper .option_2 .item_2').html() +
' м.кв. Ч ' + $Pload + ' = '
+ $('.tab_1 .additional_services_wrapper .option_2 .item_4').html() + ' р.</p>';
}
if ($('.tab_1 .additional_services_wrapper .option_3 input').is(':checked')){
$pattern += '<p>Доставка: ' + $Pdel +' р.</p>';
}
$pattern += '</div><div class="title modal_total">Итого: <span> ' + $('.dsp_total_wrapper .order_total_cost span').html().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ') +' руб. </span> </div>';
$pattern2 = $pattern.replace(/<div class="title">Форма распила<\/div>/g, 'Распил ЛДСП<br />');
$pattern2 = $pattern2.replace(/<div class="number">/g, '<br /><div class="number">ЛДСП №');
$pattern2 = $pattern2.replace(/ДВПо/g, '<br />ДВПо');
$pattern2 = $pattern2.replace(/Присадка/g, '<br />Присадка');
$pattern2 = $pattern2.replace(/>/g, '&gt;');
$pattern2 = $pattern2.replace(/</g, '&lt;');
$('#send_order_text').val($pattern2);
$pattern += '<input type="button" class="button" value="Печатать" onclick="window.print();"/><a href="#" class="close"></a>';
$pattern += '<input type="submit"/><a href="#" class="close"></a>';
$('#print .modal_wrap').html($pattern);
$('#print a.close').click(function(){
close_form('print');
return false;

})
}

Прошу помощи у специалистов, сам только начинаю в этом разбираться.

TF-Studio
На сайте с 17.08.2010
Offline
334
#1

Вот ведь ужас-то...

Заказы - в соседний раздел.

Тут консультации только.

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
LG
На сайте с 17.01.2014
Offline
42
#2

Хорошо, активность отличная, а может кто подскажет каким методом отправить информацию, которая сгенерированная на модульном окне в виде отчета/результата работы пользователя в калькуляторе?

siv1987
На сайте с 02.04.2009
Offline
427
#3

Методом javascript.

M
На сайте с 12.11.2005
Offline
122
#4

LipGrad, читайте про html-тэг <form>, например, здесь: http://htmlbook.ru/html/form - как Вам с его помощью передать данные скрипту, но тут у Вас возникнет следующая проблема - как раз этот скрипт отправки данных на почту.

Поищите примеры форм, поупражняйтесь.

LG
На сайте с 17.01.2014
Offline
42
#5

Народ не поверите, но я уже 3 ночи сидел до 5 утра упражнялся), меня жена из дома выгонет)) Днем дочь 2 месяца ни спать ни работать не дает, ночью пытаюсь разобраться, только вот ума не хватает. У меня глаза уже как у филина), я упертый, мне когда интересно я до конца иду, но вот тут ломаюсь) знаний не хватает.

S7
На сайте с 12.08.2010
Offline
90
#6

LipGrad, Вперед на фриланс ))) Вам там за копейки какой-нибудь энтузиаст это сделает, тем более что Вы этого человека озолотить собираетесь.

LG
На сайте с 17.01.2014
Offline
42
#7

ну тогда предложите ресурс где умельцы эти живут) я такой услугой не пользовался ни разу. А тут никто не поможет?

M
На сайте с 04.12.2013
Offline
223
#8

Т.к. у вас форма сформирована обычными тэгами, проще всего отправлять весь текст (JS, метод POST). На сайте делаете обработчик (например, на PHP) и с его помощью переправляете полученные запросы в виде писем.

Домены и скрипт для коротких ссылок: https://u75.ru/domains-for-shortcuts
LG
На сайте с 17.01.2014
Offline
42
#9
miketomlin:
Т.к. у вас форма сформирована обычными тэгами, проще всего отправлять весь текст (JS, метод POST). На сайте делаете обработчик (например, на PHP) и с его помощью переправляете полученные запросы в виде писем.

А пример можете кинуть кода, как это сделать?

---------- Добавлено 14.04.2014 в 11:35 ----------

Подскажите, этот js отвечает за вывод модального окна с итогами расчетов?

/* Вкладка - РАСПИЛ ДСП - Распечатка */


$('.tab_1 .dsp_total_wrapper .print_order').click(function(){
dsp_print();
show_form('print');
$('body, html').scrollTop($('#print').position().top - 39);
return false;
});


$('.dsp_total_wrapper input').click(function(){
dsp_print();
var $top = $('.tab_1').height() - $('#get_order').height() - 40;
$('#get_order').css({top: $top});
show_form('get_order');
});

Если это он как в обработчике почты его отправлять на почту уже в готовой форме(можно без стилей)

Что прописать надо?

В этом же файле js есть еще и такой код:

function dsp_print(){
var $pattern = '<div class="title">Форма распила</div>'+
'<div class="separator"></div>';
var $i = 1;
$('.dsp_wrapper .block').each(function(){
var $block_id = '#' + $(this).attr('id');
$block_pattern = '<div class="group"><div class="number">'+ $i +'</div><div class="color_1">Цвет ЛДСП: ' +
$($block_id + ' .dsp_color_name_holder .sbSelector').html() + '<br />Толщина: ' + $($block_id + ' .dsp_thickness_holder .sbSelector').html() +
' мм </div><div class="color_2">Цвет кромки (2 мм): ' + $($block_id + ' .dsp_color_name_holder_2 .sbSelector').html() +
'<br />Цвет кромки (0,4 мм): ' + $($block_id + ' .dsp_color_name_holder_3 .sbSelector').html() + '</div></div>' +
'<table><tr><th>Длина</th><th>Ширина</th><th colspan="2">Кромка (длина)</th><th colspan="2">Кромка (длина)</th><th>Эскизы</th><th>Кол-во</th><th>Стоимость</th></tr>';

$($block_id + ' .dsp_size_item').each(function(){
var $item_id = '#' + $(this).attr('id');
var $item_pattern = '<tr><td>' + $($item_id + ' .Ldsp').val() + '</td><td>' + $($item_id + ' .Wdsp').val() + '</td><td>' +
$($item_id + ' .edge_holder_1 .sbSelector').html() + '</td><td>' + $($item_id + ' .edge_holder_2 .sbSelector').html() + '</td><td>' +
$($item_id + ' .edge_holder_3 .sbSelector').html() + '</td><td>' + $($item_id + ' .edge_holder_4 .sbSelector').html() + '</td><td>';
var $modal_id = '#sketch_' + $(this).attr('id');
if ($($modal_id + ' .item_1.angles select').val()!= 0){
$item_pattern += '<p>Радиус 50-400 мм: ' + $($modal_id + ' .item_1.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_2.angles select').val()!= 0){
$item_pattern += '<p>Радиус 450-1000 мм: ' + $($modal_id + ' .item_2.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_3.angles select').val()!= 0){
$item_pattern += '<p>Прямоугольный выпил: ' + $($modal_id + ' .item_3.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .milling .select_1 select').val()!== 'Нет'){
$item_pattern += '<p>Фрезеровка длина: ' + $($modal_id + ' .milling .select_1 select').val() + '</p>';
}
if ($($modal_id + ' .milling .select_2 select').val()!== 'Нет'){
$item_pattern += '<p>Фрезеровка ширина: ' + $($modal_id + ' .milling .select_2 select').val() + '</p>';
}
if ($($modal_id + ' .item_4.milling select').val()!= 0){
$item_pattern += '<p>Криволинейный пил: ' + $($modal_id + ' .item_4.milling select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_5.milling select').val()!= 0){
$item_pattern += '<p>Наклонный пил: ' + $($modal_id + ' .item_5.milling select').val() + ' шт.</p>';
}
$item_pattern += '</td><td>' + $($item_id + ' .Qdsp').val() + '</td><td>' + $($item_id + ' .cost_wrapper').html() + '</td></tr>';
$block_pattern += $item_pattern;
});
$block_pattern += '</table><div class="separator"></div>';
$pattern += $block_pattern;
$i++;
});

$pattern += '<div class="group"><div class="orgalit"><div class="title">ДВПо</div><table>' +
'<tr><th>Цвет</th><th>Длина</th><th>Ширина</th><th>Кол-во</th><th>Пр. выпилы</th><th>Стоимость</th></tr>';

$('.orgalit_wrapper .orgalit_item').each(function(){
var $item_id = '#' + $(this).attr('id');
var $item_pattern = '<tr><td>' + $($item_id + ' .orgalit_color_holder .sbSelector').html() + '</td><td>' +
$($item_id + ' .item_1 input').val() + '</td><td>' + $($item_id + ' .item_2 input').val() + '</td><td>' +
$($item_id + ' .item_3 input').val() + '</td><td>' + $($item_id + ' .drank_wrapper .sbSelector').html() + '</td><td>' +
$($item_id + ' .item_cost span').html() + '</td></tr>'
$pattern += $item_pattern;
});
$pattern += '</table></div><div class="milling"><div class="title">Присадка</div>' +
'<p>От 1 до 10 мм: ' + $('.additive_wrapper .input_wrapper_1.item_1 input').val() +
' шт.</p><p>От 11 до 20 мм: ' + $('.additive_wrapper .input_wrapper_1.item_2 input').val() +
' шт</p><p>От 21 до 35 мм: ' + $('.additive_wrapper .input_wrapper_1.item_3 input').val() + ' шт.</p></div></div>' +
'<div class="additional">';
if ($('.tab_1 .additional_services_wrapper .option_1 input').is(':checked')){
$pattern += '<p>Упаковка: ' + $('.tab_1 .additional_services_wrapper .option_1 .item_2').html() + ' м.кв. × ' +
$Ppack + ' = ' + $('.tab_1 .additional_services_wrapper .option_1 .item_4').html() + ' р.</p>';
}
if ($('.tab_1 .additional_services_wrapper .option_2 input').is(':checked')){
$pattern += '<p>Погрузка: ' + $('.tab_1 .additional_services_wrapper .option_2 .item_2').html() +
' м.кв. × ' + $Pload + ' = '
+ $('.tab_1 .additional_services_wrapper .option_2 .item_4').html() + ' р.</p>';
}
if ($('.tab_1 .additional_services_wrapper .option_3 input').is(':checked')){
$pattern += '<p>Доставка: ' + $Pdel +' р.</p>';
}
$pattern += '</div><div class="title modal_total">Итого: <span> ' + $('.dsp_total_wrapper .order_total_cost span').html().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ') +' руб. </span> </div>';
$pattern2 = $pattern.replace(/<div class="title">Форма распила<\/div>/g, 'Распил ЛДСП<br />');
$pattern2 = $pattern2.replace(/<div class="number">/g, '<br /><div class="number">ЛДСП №');
$pattern2 = $pattern2.replace(/ДВПо/g, '<br />ДВПо');
$pattern2 = $pattern2.replace(/Присадка/g, '<br />Присадка');
$pattern2 = $pattern2.replace(/>/g, '&gt;');
$pattern2 = $pattern2.replace(/</g, '&lt;');
$('#send_order_text').val($pattern2);
$pattern += '<input type="button" class="button" value="Печатать" onclick="window.print();"/><a href="#" class="close"></a>';
$('#print .modal_wrap').html($pattern);
$('#print a.close').click(function(){
close_form('print');
return false;

})
}
LG
На сайте с 17.01.2014
Offline
42
#10

Народ ну подскажите же)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий