abaers
Новичок
- Регистрация
- 12.02.2017
- Сообщения
- 2
Всем добрый день! Мне нужна небольшая помощь, я задумал создать одностраничник и скачал в сети шаблон, что бы его отредактировать, но столкнулся с такой проблемой - форма заказа не отправляется на почту, и как я понял в шаблоне отсутствует рнр-обработчик на эту тему. Мои познания в кодировке нулевые, но я подставлял рнр-обработчики, которыми уже пользовался,менял в index.html атрибуты action на свой файл, но увы... Я не могу понять что не так и что мне делать. Подскажите пожалуйста как эта беда работает, чем обрабатывается и что мне сделать, что бы всё получилось.
Вот сам index.html
Как я понял, обработка форм идёт в этом js-файле стилей
Тут я пытался менять url на send.php но всё равно ничего не происходит, даже кнопка отправить не активна =(
Подскажите что как, пожалуйста.
Вот сам 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>
"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);
}
}
});
}
});
})
$('.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);
}
}
});
type: 'POST',
url: './js/sendmessage3.php',
data: $("#contact3").serialize(),
success: function(data) {
if(data == "true") {
$(".tnx1").fadeIn(300).delay(1500).fadeOut(300);
}
}
});
Подскажите что как, пожалуйста.