mail.php:
<?php
$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$frm_name = "$name";
$recepient = "to@mail.ru";//почта
$sitename = 'Title';
$subject = "Новая заявка с сайта \"$sitename\"";
$message="";
if ($name!=""){
$message .= "Имя: $name <br>";
}
if ($phone!=""){
$message .= "Телефон: $phone <br>";
}
mail($recepient, $subject, $message, "From: $sitename <from@mail.ru>" . "\r\n" . "Reply-To: $email" . "\r\n" . "X-Mailer: PHP/" . phpversion() . "\r\n" . "Content-type: text/html; charset=\"utf-8\"");
common.js:
function setNavCurrentSection() {
var s_top = $(document).scrollTop();
var w_hgh = window.innerHeight;
var b_hgh = $('body').outerHeight();
var cur_sect = $('nav ul li a.m_item').eq(0);
$('nav ul li a.m_item').each(function() {
if ((w_hgh / 3 + s_top) > $($(this).attr('href')).offset().top) {
cur_sect = $(this);
}
});
if ((s_top + w_hgh + 500) > b_hgh) {
cur_sect = $('nav ul li a.m_item').last();
}
if (!cur_sect.hasClass('active')) {
$('nav ul li a.m_item.active').removeClass('active');
cur_sect.addClass('active');
}
$('nav').toggleClass('fix', s_top > 75);
}
$(document).ready(function() {
$('.js_unpack').click(function() {
$(this).parent().find('.unpack').slideDown("fast", function() {
$(this).parent().find('.close').show("fast");
});
});
$('.unpack .close').click(function() {
$(this).hide("fast", function() {
$(this).parent().slideUp();
});
});
$('.js_phone').inputmask("mask", {
"mask": "+375 (99) 999-99-99"
});
$('nav ul li a').on('click', function() {
$('html,body').animate({
scrollTop: $($(this).attr('href')).offset().top - 79
}, 800);
return false;
});
setNavCurrentSection();
$(window).on('load', function() {
setNavCurrentSection();
});
$(window).resize(function() {
setNavCurrentSection();
});
$(document).on('scroll', function() {
setNavCurrentSection();
});
$('.fancybox').fancybox({
helpers: {
overlay: {
locked: false
}
}
});
$('input[placeholder], textarea[placeholder]').placeholder();
$('.send_button').click(function() {
var parentClass = $(this).attr('rel');
var paramsFancy = {
'scrolling': 0,
'autoScale': true,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'speedIn': 500,
'speedOut': 300,
'autoDimensions': true,
'centerOnScroll': true,
'href': '#modal_success',
'padding': '0',
'height': 'auto',
helpers: {
overlay: {
locked: false
}
}
};
validate = 1;
validate_msg = '';
form = $('#' + $(this).attr('rel'));
jQuery.each(form.find('.validate'), function(key, value) {
if ($(this).val() == '') {
validate_msg += $(this).attr('title') + '\n';
validate = 0;
$(this).focus();
$(this).addClass('red_input');
$(this).tooltipster('update', $(this).attr('title'));
$(this).tooltipster('show');
} else {
$(this).tooltipster('hide');
$(this).removeClass('red_input');
}
});
if (validate == 1) {
$.ajax({
url: 'mail.php',
data: 'action=send_form&' + form.serialize(),
success: function(data) {
$.fancybox.open(paramsFancy);
}
});
$('.popup').animate({
opacity: 0
}, 200, function() {
$(this).css('display', 'none');
$('#overlay').fadeOut(400);
});
$('input.red_input').tooltipster('hide');
$('textarea.red_input').tooltipster('hide');
} else {}
});
$('form input').tooltipster({
trigger: 'custom',
animation: 'grow',
theme: 'tooltipster-shadow',
onlyOne: false,
position: 'right'
});
$(window).scroll(function() {
var top = $(window).scrollTop();
var bb = ($("#section9").offset().top + $("#section9").height()) - $(window).height();
if ((top - bb) >= 0) {
$('#section9 .xline strong').addClass('active');
};
});
});
index.html:
<section id="section2">
<article>
<h2>Узнать подробности!</h2>
<p class="subtitle">Оставьте заявку и получите подробную консультацию по пакету</p>
<div class="form">
<form id="form1" onsubmit='return false' autocomplete="off">
<input type="hidden" name="form" value="form 1" class="js_form_name">
<label><input type="text" name="name" value="" placeholder="Введите ваше имя" class="validate" title='Укажите ваше имя'></label>
<label><input type="tel" name="phone" value="" placeholder="Введите ваш телефон" class="js_phone" title='Укажите ваш телефон'></label>
<input class="send_button" rel='form1' type="submit" value="Получить консультацию">
<input class="form_name" type="hidden" name="form_name" value="Получить бесплатную консультацию">
<input type="hidden" name="action" value='send_form'>
<input type="hidden" name="action_type" value='form_feedback'>
</form>
</div>
</article>
</section>
Простой