Настройка обработчика РНР в шаблоне

Статус
Закрыто для дальнейших ответов.

abaers

Новичок
Регистрация
12.02.2017
Сообщения
2
Всем добрый день! Мне нужна небольшая помощь, я задумал создать одностраничник и скачал в сети шаблон, что бы его отредактировать, но столкнулся с такой проблемой - форма заказа не отправляется на почту, и как я понял в шаблоне отсутствует рнр-обработчик на эту тему. Мои познания в кодировке нулевые, но я подставлял рнр-обработчики, которыми уже пользовался,менял в index.html атрибуты action на свой файл, но увы... Я не могу понять что не так и что мне делать. Подскажите пожалуйста как эта беда работает, чем обрабатывается и что мне сделать, что бы всё получилось.

Вот сам index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Продажа запчастей | http://stolnik-avto.kiev.ua/ </title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" media="all" href="fancybox/jquery.fancybox.css">
<link rel="stylesheet" type="text/css" href="css/smoothDivScroll.css" />

<link rel="icon" type="image/png" href="../images/favicon.ico" />
<link rel="shortcut icon" href="http://stolnik-avto.kiev.ua/images/favicon.ico" type="image/png"></link>
<link rel="apple-touch-icon" href="../images/apple-touch-favicon.ico"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

<script type='text/javascript' src='js/jquery.scrollTo-min.js'></script>

<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js"></script>
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>

<script type="text/javascript">
// Initialize the plugin with no custom options
$(document).ready(function () {
// None of the options are set
$("div#makeMeScrollable1").smoothDivScroll({
autoScrollingMode: "onStart",
autoScrollingStep: 1,
hotSpotScrollingStep: 5,
hotSpotScrollingInterval: 20,
mousewheelScrolling: "",
manualContinuousScrolling: true,
});
});
</script>


<script src="js/main.js"></script>

<script src="js/jquery.slides.min.js"></script>

<script>
$(function() {
$('#slides').slidesjs({
play: {
active: true,
// [boolean] Generate the play and stop buttons.
// You cannot use your own buttons. Sorry.
effect: "slide",
// [string] Can be either "slide" or "fade".
interval: 5000,
// [number] Time spent on each slide in milliseconds.
auto: false,
// [boolean] Start playing the slideshow on load.
swap: true,
// [boolean] show/hide stop and play buttons
pauseOnHover: true,
// [boolean] pause a playing slideshow on hover
restartDelay: 2500
// [number] restart delay on inactive slideshow
},

navigation: {
effect: "slide"
},
pagination: {
effect: "slide"
},
effect: {
slide: {
speed: 3000
}
}
});
});
</script>

</head>


<body>

<div class="tnx1"><div class="ins"><span class="sp1">Спасибо,<br>заявка успешно принята.</span><span class="sp2">Мы свяжемся с вами в самое ближайшее время!</span></div></div>

<!--скрытая форма заявки-->
<div id="inline1" class="inl">
<div class="order4">
<div class="order_ins">
<form id="contact4" name="contact4" action="#" method="post">
<span class="sp1">заполните форму</span>
<input type="text" id="name4" name="name4" class="inp1" placeholder="Ваше имя">
<input type="text" id="phone4" name="phone4" class="inp2" placeholder="Ваш телефон">
<input type="submit" id="send4" class="inp3" value="">
</form>
</div>
</div>
</div>

<!--большие сертификаты-->

<div id="inline2" class="inl"><img src="./images/sert_b1.jpg" alt=""/></div>
<div id="inline3" class="inl"><img src="./images/sert_b2.jpg" alt=""/></div>
<div id="inline4" class="inl"><img src="./images/sert_b3.jpg" alt=""/></div>
<div id="inline5" class="inl"><img src="./images/sert_b4.jpg" alt=""/></div>


<div class="container">
<div class="header">
<div class="ins">
<a class="logo" href="#"><img src="./images/logo.png" alt=""/></a>
<div class="menu">
<ul>
<li class="first"><a class="a1" href="#point1">О нас</a></li>
<li><a class="a2" href="#point2">Наши преимущества</a></li>
<li><a class="a3" href="#point3">Бонусы</a></li>
<li><a class="a4" href="#point4">Этапы работы</a></li>
<li><a class="a5" href="#point5">Отзывы</a></li>
<li><a class="a6" href="#point6">Контакты</a></li>
</ul>
</div>
<div class="contacts">+38(044)291-50-55<br><span>ИЛИ <a class="modalbox" href="#inline1">ЗАКАЗАТЬ ЗВОНОК</a></span></div>
</div>
</div>

<div class="content">
<div class="block1">
<div class="ins">
<div class="bl_name">Как отремонтировать свой автомобиль<br><span class="sp1">за минимальный бюджет</span><br><span class="sp2">не теряя своего времени и денег на поиски СТО</span></div>
<div class="order1">
<div class="order_ins">
<form id="contact1" name="contact1" action="#" method="post">
<span class="sp1">Полная диагностика вашего авто<br > вместо 600 грн. <span class="sp1_1">всего за 100 грн. </span></span>
<span class="sp2">заполните форму</span>
<input type="text" id="name1" name="name1" class="inp1" placeholder="Ваше имя">
<input type="text" id="phone1" name="phone1" class="inp2" placeholder="Ваш телефон">
<input type="submit" id="send1" class="inp3" value="">
</form>
</div>
</div>
<div class="tms">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="./images/tm1.png" alt=""/></td>
<td><img src="./images/tm2.png" alt=""/></td>
<td><img src="./images/tm3.png" alt=""/></td>
<td><img src="./images/tm4.png" alt=""/></td>
<td><img src="./images/tm5.png" alt=""/></td>
<td><img src="./images/tm6.png" alt=""/></td>
<td><img src="./images/tm7.png" alt=""/></td>
<td><img src="./images/tm8.png" alt=""/></td>
<td><img src="./images/tm9.png" alt=""/></td>
<td><img src="./images/tm10.png" alt=""/></td>
<td><img src="./images/tm11.png" alt=""/></td>
<td><img src="./images/tm12.png" alt=""/></td>
</tr>
</table>
</div>
</div>
<div class="shad"></div>
</div>

<div class="block2" id="point1">
<div class="ins">
<div class="bl_name">Специалисты независимого автоцентра «Стольник» помогут сэкономить Ваши время и деньги<br>при ремонте и обслуживании своего автомобиля у нас.</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tr1">
<td class="td1"><img src="./images/pic1.jpg" alt=""/></td>
<td class="td1"><img src="./images/pic2.jpg" alt=""/></td>
<td class="td1"><img src="./images/pic3.jpg" alt=""/></td>
<td class="td1"><img src="./images/pic4.jpg" alt=""/></td>
</tr>
<tr class="tr2">
<td class="td2">У нас профессиональное<br> современное обродувание</td>
<td class="td2">Более, чем на 1000 кв.м<br> производственной площади</td>
<td class="td2">Жесткий контроль соблюдения<br> персоналом технологии на<br> каждом этапе выполнения работ</td>
<td class="td2">Широкий выбор оригинальных<br> и неоригинальных запчастей</td>
</tr>
</table>
</div>
</div>

<div class="block3">
<div class="ins">
<div class="txt">Гарантия 12 месяцев<br><span>на все работы и материалы</span></div>
</div>
</div>

<div class="block4" id="point2">
<div class="ins">
<div class="bl_name">Наши Преимущества <span>перед конкурентами</span></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tr1">
<td class="td1"><img src="./images/pic5.png" alt=""/></td>
<td class="td2"><img src="./images/pic6.png" alt=""/></td>
<td class="td2"><img src="./images/pic7.png" alt=""/></td>
<td class="td1"><img src="./images/pic8.png" alt=""/></td>
</tr>
<tr class="tr2">
<td class="td1">Честные и гибкие цены,<br> возможность договориться<br> о стоимости ремонта</td>
<td class="td2">Доступ ко всем складам<br> импортеров запчастей на<br> территории Украины</td>
<td class="td2">Возможность заказа<br> запчасти,<br> заказная запчасть дешевле</td>
<td class="td1">Качество работ<br> официального сервиса<br> по цене гаража</td>
</tr>
</table>
<table class="t1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tr1">
<td><img src="./images/pic9.png" alt=""/></td>
<td><img src="./images/pic10.png" alt=""/></td>
<td><img src="./images/pic11.png" alt=""/></td>
</tr>
<tr class="tr2">
<td>Охраняемая парковка</td>
<td>Свой эвакуатор</td>
<td>Удобное место расположения</td>
</tr>
</table>
</div>
<div class="shad"></div>
</div>

<div class="block5">
<div class="inn">
<div class="ins">
<div class="txt"><span class="sp1">Акция!!!</span><span class="sp2">Скидка</span> на покраску<br>от 3-х кузовных элементов<br><span class="sp2">20% на все работы и материалы</span></div>
<div class="order2">
<div class="order_ins">
<form id="contact2" name="contact2" action="#" method="post">
<span class="sp1">заполните форму</span>
<input type="text" id="name2" name="name2" class="inp1" placeholder="Ваше имя">
<input type="text" id="phone2" name="phone2" class="inp2" placeholder="Ваш телефон">
<input type="submit" id="send2" class="inp3" value="">
</form>
</div>
</div>
</div>
</div>
</div>

<div class="block6" id="point3">
<div class="shad"></div>
<div class="ins">
<div class="bl_name">Бонусы <span>нашего сто</span></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tr1">
<td class="td1"><img src="./images/pic12.png" alt=""/></td>
<td><img src="./images/pic13.png" alt=""/></td>
<td class="td1"><img src="./images/pic14.png" alt=""/></td>
</tr>
<tr class="tr2">
<td class="td1">Бесплатная консультация<br> по ремонту вашего<br> автомобиля</td>
<td>Бесплатная<br> диагностика ходовой</td>
<td class="td1">Скидки на работы<br> и запчасти</td>
</tr>
</table>
</div>
</div>

<div class="block7" id="point4">
<div class="ins">
<div class="bl_name">Этапы работы</div>
<div class="num n1">1</div><div class="num n2">2</div><div class="num n3">3</div><div class="num n4">4</div><div class="num n5">5</div><div class="num n6">6</div><div class="num n7">7</div>
<div class="arr a1"></div><div class="arr a2"></div><div class="arr a3"></div><div class="arr a4"></div><div class="arr a5"></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tr1">
<td><img src="./images/pic15.png" alt=""/></td>
<td class="td1"><img src="./images/pic16.png" alt=""/></td>
<td class="td1"><img src="./images/pic17.png" alt=""/></td>
<td><img src="./images/pic18.png" alt=""/></td>
</tr>
<tr class="tr2">
<td>Вы оставляете заявку на сайте<br> или звоните нам</td>
<td class="td1">Мы согласовываем время, вы<br> приезжаете и рассказываете<br> все что вас беспокоит в<br> автомобиле.</td>
<td class="td1">Мы проводим диагностику и<br> определяем проблемные<br> места.</td>
<td>Мы составляем смету,<br> определяем сроки<br> выполнения работ.<br> Оформляем договор и<br> принимаем автомобиль по<br> акту приема-передачи.</td>
</tr>
</table>
<table class="t1" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="tr1">
<td><img src="./images/pic19.png" alt=""/></td>
<td><img src="./images/pic20.png" alt=""/></td>
<td><img src="./images/pic21.png" alt=""/></td>
</tr>
<tr class="tr2">
<td>Мы производим работы. Вы<br> получаете отчет о каждом<br> этапе работы.</td>
<td>Вы принимаете работу. Наш<br> мастер покажет, что было<br> сделано и по вашему желанию<br> отдаст старые детали.</td>
<td>Мы передаем вам<br> отремонтированный<br> автомобиль, пакет<br> документов, гарантийный<br> талон на все работы и новые<br> детали, а также рекомендации<br> по эксплуатации.</td>
</tr>
</table>
</div>
</div>

<div class="block8">
<div class="ins">
<div class="bl_name">Наши партнеры</div>
<div class="slider">
<div id="makeMeScrollable1">
<span><img src="images/part1.png" alt="" /></span>
<span><img src="images/part2.png" alt="" /></span>
<span><img src="images/part3.png" alt="" /></span>
<span><img src="images/part4.png" alt="" /></span>
<span><img src="images/part5.png" alt="" /></span>
<span><img src="images/part1.png" alt="" /></span>
<span><img src="images/part2.png" alt="" /></span>
<span><img src="images/part3.png" alt="" /></span>
<span><img src="images/part4.png" alt="" /></span>
<span><img src="images/part5.png" alt="" /></span>
</div>
</div>
</div>
<div class="shad"></div>
</div>

<div class="block9">
<div class="inn">
<div class="ins">
<div class="bl_name">Сертификаты</div>
<a class="a1 modalbox" href="#inline2"><img src="./images/sert_s1.jpg" alt=""/><span class="zoom"></span></a>
<a class="modalbox" href="#inline3"><img src="./images/sert_s2.jpg" alt=""/><span class="zoom"></span></a>
<a class="modalbox" href="#inline4"><img src="./images/sert_s3.jpg" alt=""/><span class="zoom"></span></a>
<a class="modalbox" href="#inline5"><img src="./images/sert_s4.jpg" alt=""/><span class="zoom"></span></a>
<div class="break"></div>
</div>
</div>
</div>

<div class="block10" id="point5">
<div class="shad"></div>
<div class="ins">
<div class="bl_name">Отзывы <span>наших клиентов</span></div>
<div class="slider">
<div id="slides">
<div class="block">
<div class="pic"><img src="./images/ava1.png" alt=""/></div>
<div class="txt">
<span class="sp1">Виктор, владелец Субару Форестер</span>
<span class="sp2">(Покраска автомобиля)</span>
<span class="sp3">Работой доволен, краску подобрали идеально, тут не чистый чёрный цвет, а чёрный с зелёным и золотистым металликом, краска очень не простая в подборе, благо всё идеально.</span>
<span class="sp4"><a href="http://www.forester-club.com.ua/viewtopic.php?f=15&t=18228 ">http://www.forester-club.com.ua/viewtopic.php?f=15&t=18228</a></span>
</div>
<div class="break"></div>
</div>
<div class="block">
<div class="pic"><img src="./images/ava2.png" alt=""/></div>
<div class="txt">
<span class="sp1">Дмитрий, владелец Land Cruiser 100</span>
<span class="sp2">(Ремонт ходовой)</span>
<span class="sp3">Потекла рейка. Заехал к официалам, сказали ремонту не подлежит, новая 17000 грн и работа 4000 грн, ждать 21 день.<br>На СТО «Стольник» отремонтировали - за все вышло 4500грн, попутно нашли пару вопросов по ходовой, тоже сделали. Буду и дальше обслуживаться на СТО «Стольник».</span>
<span class="sp4"><a href="#"></a></span>
</div>
<div class="break"></div>
</div>
<div class="block">
<div class="pic"><img src="./images/ava3.png" alt=""/></div>
<div class="txt">
<span class="sp1">Николай, владелец «американской» Toyota Corolla</span>
<span class="sp2">(Ремонт ходовой)</span>
<span class="sp3">Полетела левая рулевая тяга. Поменять отдельно не получится, с завода тяги поставляются на такую Короллу только с рейкой в сборе.<br>Поехал подбирать на авторынок, потратил около двух часов на базаре, но ничего так и не нашел.<br>Обратился на СТО «Стольник» - привезли по цене в 330грн. Через неделю уехал с новой тягой.</span>
<span class="sp4"><a href="#"></a></span>
</div>
<div class="break"></div>
</div>
<div class="block">
<div class="pic"><img src="./images/ava4.png" alt=""/></div>
<div class="txt">
<span class="sp1">Валера, владелец Audi Q5</span>
<span class="sp2">(Кузовной ремонт)</span>
<span class="sp3">На фирменном сервисе сказали что двери восстановлению не подлежат и запросили 13 тыс.грн за дверь, покраску и переустановку двери.<br>На СТО «Стольник» дверь восстановили и покрасили за 2500 грн.<br>В цвет попали идеально. Результат очень обрадовал.</span>
<span class="sp4"><a href="#"></a></span>
</div>
<div class="break"></div>
</div>
</div>
</div>
</div>
</div>

<div class="block11" id="point6">
<div class="bl_name">Как к нам проехать<span>г. Киев, ул. Красноткацкая, 42-Е,(район ст. метро «Лесная») Пн-Сб с 9-00 до 19-00</span></div>
<div class="map"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=bB_eYAoDm62koWqLGbuPsXwrcCrfxzUx"></script></div>
<div class="order3">
<div class="order_ins">
<form id="contact3" name="contact3" action="#" method="post">
<span class="sp1">У вас остались вопросы?</span>
<span class="sp2">заполните форму</span>
<input type="text" id="name3" name="name3" class="inp1" placeholder="Ваше имя">
<input type="text" id="phone3" name="phone3" class="inp2" placeholder="Ваш телефон">
<textarea id="mess3" name="mess3" placeholder="Ваше сообщение"></textarea>
<input type="submit" id="send3" class="inp3" value="">
</form>
</div>
</div>
</div>
</div>

<div class="footer">
<div class="ins">
<a class="logo" href="#"><img src="./images/logo.png" alt=""/></a>
<div class="contacts">+38(044)291-50-55<br><span>ИЛИ <a class="modalbox" href="#inline1">ЗАКАЗАТЬ ЗВОНОК</a></span></div>
</div>
</div>
</div>

</body>
</html>

Как я понял, обработка форм идёт в этом js-файле стилей

jQuery(document).ready(function(){


$('.menu a.a1').click(function(){
$.scrollTo('#point1', 1500, {offset: {top:-75} });
return false;
});

$('.menu a.a2').click(function(){
$.scrollTo('#point2', 1500, {offset: {top:-75} });
return false;
});

$('.menu a.a3').click(function(){
$.scrollTo('#point3', 1500, {offset: {top:-75} });
return false;
});

$('.menu a.a4').click(function(){
$.scrollTo('#point4', 1500, {offset: {top:-75} });
return false;
});

$('.menu a.a5').click(function(){
$.scrollTo('#point5', 1500, {offset: {top:-75} });
return false;
});

$('.menu a.a6').click(function(){
$.scrollTo('#point6', 1500, {offset: {top:-75} });
return false;
});


$(".modalbox").fancybox();


$("#contact1").submit(function() { return false; });


$("#send1").on("click", function(){

var err = false;

var nameval = $("#name1").val();
var namelen = nameval.length;
var phoneval = $("#phone1").val();
var phonelen = phoneval.length;


if ((namelen < 3)||(nameval=='')){
$("#name1").addClass("error1");
$('.err_txt span').css({"display":"block"});
err = true;
} else {
$("#name1").removeClass("error1");
$('.err_txt span').css({"display":"none"});
}


if ((phonelen < 5)||(phoneval=='')){
$("#phone1").addClass("error1");
$('.err_txt span').css({"display":"block"});
err = true;
} else {
$("#phone1").removeClass("error1");
$('.err_txt span').css({"display":"none"});
}

if (!err) {

$.ajax({
type: 'POST',
url: './js/sendmessage1.php',
data: $("#contact1").serialize(),
success: function(data) {
if(data == "true") {
$(".tnx1").fadeIn(300).delay(4500).fadeOut(300);
}
}
});
}
});

$("#contact2").submit(function() { return false; });


$("#send2").on("click", function(){

var err = false;

var nameval = $("#name2").val();
var namelen = nameval.length;
var phoneval = $("#phone2").val();
var phonelen = phoneval.length;


if ((namelen < 3)||(nameval=='')){
$("#name2").addClass("error1");
err = true;
} else {
$("#name2").removeClass("error1");
}


if ((phonelen < 5)||(phoneval=='')){
$("#phone2").addClass("error2");
err = true;
} else {
$("#phone2").removeClass("error2");
}

if (!err) {

$.ajax({
type: 'POST',
url: './js/sendmessage2.php',
data: $("#contact2").serialize(),
success: function(data) {
if(data == "true") {
$(".tnx1").fadeIn(300).delay(1500).fadeOut(300);
}
}
});
}
});

$("#contact3").submit(function() { return false; });


$("#send3").on("click", function(){

var err = false;

var nameval = $("#name3").val();
var namelen = nameval.length;
var phoneval = $("#phone3").val();
var phonelen = phoneval.length;
var messval = $("#mess3").val();
var messlen = messval.length;


if ((namelen < 3)||(nameval=='')){
$("#name3").addClass("error1");
err = true;
} else {
$("#name3").removeClass("error1");
}


if ((phonelen < 5)||(phoneval=='')){
$("#phone3").addClass("error2");
err = true;
} else {
$("#phone3").removeClass("error2");
}

if (!err) {

$.ajax({
type: 'POST',
url: './js/sendmessage3.php',
data: $("#contact3").serialize(),
success: function(data) {
if(data == "true") {
$(".tnx1").fadeIn(300).delay(1500).fadeOut(300);
}
}
});
}
});


$("#contact4").submit(function() { return false; });


$("#send4").on("click", function(){

var err = false;

var nameval = $("#name4").val();
var namelen = nameval.length;
var phoneval = $("#phone4").val();
var phonelen = phoneval.length;


if ((namelen < 3)||(nameval=='')){
$("#name4").addClass("error1");
err = true;
} else {
$("#name4").removeClass("error1");
}


if ((phonelen < 5)||(phoneval=='')){
$("#phone4").addClass("error2");
err = true;
} else {
$("#phone4").removeClass("error2");
}

if (!err) {

$.ajax({
type: 'POST',
url: './js/sendmessage4.php',
data: $("#contact4").serialize(),
success: function(data) {
if(data == "true") {
setTimeout("$.fancybox.close()", 100);
$(".tnx1").fadeIn(300).delay(1500).fadeOut(300);
}
}
});
}
});
})

Тут я пытался менять url на send.php но всё равно ничего не происходит, даже кнопка отправить не активна =(

$.ajax({
type: 'POST',
url: './js/sendmessage3.php',
data: $("#contact3").serialize(),
success: function(data) {
if(data == "true") {
$(".tnx1").fadeIn(300).delay(1500).fadeOut(300);
}
}
});

Подскажите что как, пожалуйста.
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Файла sendmessage3.php нет в шаблоне?
 

abaers

Новичок
Регистрация
12.02.2017
Сообщения
2
Нет
Я смотрел и в папке js и везде вобщем
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
В гугле полно "PHP скрипт отправки почты/формы", как скриптов, так и уроков.
Бери любой и просто измени имена у полей.
Там они будут типа $_POST('какое-то название'), у тебя в привиденных кодах тоже самое под name="какое-то название".
Тебе их надо будет сделать одинаковыми.

Далее сохранишь его на сервере, например send.php
И в форме заменишь action="#" на action="send.php"

Более подробно в уроках, пересказывать тут их не имеет смысла. Если что не понятно будет спрашивай.

После того, как сделаешь это, можешь уже сделать отсылку отчета об ошибках, через ajax (последний кусок кода, что ты привел, он сделан для отсылки ошибок).
Там надо будет делать через сериализацию.
Как дойдешь до этого момента - приходи, дальше расскажу :)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ