// функция form.js
$(document).ready(function () {
$("form").submit(function () {
// Получение ID формы
var formID = $(this).attr('id');
// Добавление решётки к имени ID
var formNm = $('#' + formID);
var message = $(formNm).find(".msgs"); // Ищес класс .msgs в текущей форме и записываем в переменную
var formTitle = $(formNm).find(".formTitle"); // Ищес класс .formtitle в текущей форме и записываем в переменную
$.ajax({
type: "POST",
url: 'modalform/mail.php',
data: formNm.serialize(),
success: function (data) {
// Вывод сообщения об успешной отправке
message.html(data);
formTitle.css("display","none");
setTimeout(function(){
//$(formNm).css("display","block");
$('.formTitle').css("display","block");
$('.msgs').html('');
$('input').not(':input[type=submit], :input[type=hidden]').val('');
}, 15000);
},
error: function (jqXHR, text, error) {
// Вывод сообщения об ошибке отправки
message.html(error);
formTitle.css("display","none");
// $(formNm).css("display","none");
setTimeout(function(){
//$(formNm).css("display","block");
$('.formTitle').css("display","block");
$('.msgs').html('');
$('input').not(':input[type=submit], :input[type=hidden]').val('');
}, 15000);
}
});
return false;
});
//для стилей формы
var $input = $('.form-fieldset > input');
$input.blur(function (e) {
$(this).toggleClass('filled', !!$(this).val());
});
});
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Это простая плавающая кнопка обратной связи , она на всех страницах сайта ,
// вызов кнопки обратной связи
// script type="text/javascript" src="call/modal.js"
// script> // script src="modalform/libs/remodal/remodal.min.js">
// script src="modalform/js/form.js">
// //div class="icon-close">
//div class="content"> // form id="secondForm" class="form" autocomplete="off"
// p class="title">Оставьте свой номер, и мы Вам перезвоним!
// p class="msgs">
// fieldset class="form-fieldset ui-input __first"
// input id="cyr" name="uname" type="text" id="username" placeholder="Ваше имя" tabindex="0"/
// label for="username"
// /label
// /fieldset
// fieldset class="form-fieldset ui-input __second"
// input id="tel" name="uphone" type="tel" id="phone" tabindex="0" placeholder="Телефон" /
// label for="phone"
// /label
// /fieldset
// input name="formInfo" class="formInfo" type="hidden" value=""/
// div class="form-footer"
// input type="submit" class="formBtn" value="Жду звонка" /
// /div
// p class="formCreator">
// /form
// /div>
//функция вызова modal.js
$(function () {
function TemplateRefresh() {
ModalRefresh();
}
$(window).resize(function () {
TemplateRefresh();
});
TemplateRefresh();
/* -----------------------------------------------------------------------------------------
* Modal Refresh
*/
function ModalRefresh() {
if ($('.modal').is(':visible')) {
var modalBlock = $('.modal:visible .modal-block'),
width = parseInt(modalBlock.width()),
height = parseInt(modalBlock.height());
if ($(window).height() > height + 20) {
modalBlock.addClass('modal-top').removeClass('margin-t-b').css('margin-top', -1 * (height / 2));
}
else {
modalBlock.addClass('margin-t-b').removeClass('modal-top');
}
if ($(window).width() > width) {
modalBlock.addClass('modal-left').removeClass('margin-l').css('margin-left', -1 * (width / 2));
}
else {
modalBlock.addClass('margin-l').removeClass('modal-left');
}
}
}
/* -----------------------------------------------------------------------------------------
* Modal Show
*/
$(document).on('click', 'a[modal]', function(){
var modalWindow = $('div#' + $(this).attr('modal'));
if (modalWindow.length){
modalWindow.fadeIn('fast');
$('body').addClass('modal-show');
ModalRefresh();
return false;
}
});
/* -----------------------------------------------------------------------------------------
* Modal Hide
*/
function ModalHide() {
$('.modal:visible').fadeOut('fast', function(){
$('body').removeClass('modal-show');
});
}
$(document)
.on('click', '.icon-close, .modal', function (event) {
if (event.target != this)
return false;
else
ModalHide();
})
.on('keydown', function (key) {
if (key.keyCode == 27)
ModalHide();
})
.on('click', '.modal > *', function (event) {
event.stopPropagation();
return true;
})
.on('submit', '#kmacb-form form', function () {
var name = $('#kmacb-form form input[name=name]').val(),
phone = $('#kmacb-form form input[name=phone]').val();
$('form:first input[name=name]').val(name);
$('form:first input[name=phone]').val(phone);
$('form:first').submit();
$('form:first input[name=name]').val('');
$('form:first input[name=phone]').val('');
return false;
});
try {
//var kmainputs = kmacb();
//$('#kmacb-form form').append(kmainputs);
//$('body').append('');
setTimeout(
function start_kmacb() {
$('body').append('');
},
3000
);
}
catch (e) {}
})
// функция form.js
$(document).ready(function () {
$("form").submit(function () {
// Получение ID формы
var formID = $(this).attr('id');
// Добавление решётки к имени ID
var formNm = $('#' + formID);
var message = $(formNm).find(".msgs"); // Ищес класс .msgs в текущей форме и записываем в переменную
var formTitle = $(formNm).find(".formTitle"); // Ищес класс .formtitle в текущей форме и записываем в переменную
$.ajax({
type: "POST",
url: 'modalform/mail.php',
data: formNm.serialize(),
success: function (data) {
// Вывод сообщения об успешной отправке
message.html(data);
formTitle.css("display","none");
setTimeout(function(){
//$(formNm).css("display","block");
$('.formTitle').css("display","block");
$('.msgs').html('');
$('input').not(':input[type=submit], :input[type=hidden]').val('');
}, 15000);
},
error: function (jqXHR, text, error) {
// Вывод сообщения об ошибке отправки
message.html(error);
formTitle.css("display","none");
// $(formNm).css("display","none");
setTimeout(function(){
//$(formNm).css("display","block");
$('.formTitle').css("display","block");
$('.msgs').html('');
$('input').not(':input[type=submit], :input[type=hidden]').val('');
}, 15000);
}
});
return false;
});
//для стилей формы
var $input = $('.form-fieldset > input');
$input.blur(function (e) {
$(this).toggleClass('filled', !!$(this).val());
});
});