<style>
/*Стиль блокировки кнопки*/
.btnblock{
opacity:0.2;
}
a[href^="#smitog"] , .btnblock{
pointer-events:none;
}
@media screen and (max-width: 640px){
.t396 .t-text_xs {
font-size: 8px !important;
}}
</style>
<script>
$( document ).ready(function() {
//Прописываем ID Блоков Контента
var quizcontent = ["#rec166119629","#rec166119630","#rec166119631","#rec166119632","#rec166119633","#rec166119634","#rec166119635"];
//Прописываем конечный блок с ответом
var finishBlock = "#rec166119636";$(finishBlock).hide();
//Добавляем классы и крываем все блоки контента
for(let i = 0; i < quizcontent.length; i++){
$(quizcontent[i]).addClass('quizblock').hide(); };
//При нажатии кнопки ПРОЙТИ ТЕСТ - показываем первый блок теста
$( 'a[href="#startQ"]' ).click(function(e) {e.preventDefault();
//Скрываем первый экран
$(this).closest('.t-rec').hide(1000);
//Показываем первый блок опроса
$(quizcontent[0]).show(); t396_init(quizcontent[0].substring(4));
window.dispatchEvent(new Event('orientationchange'));
});
//Добавляем класс к кнопкам Дальше
$('a[href="#next"]').addClass('btnblock nbtn');
//РАЗБЛОКИРОВКА КНОПКИ ВПЕРЁД
//При нажатии на элемент Выбор фото, радио кнопкой и чек-бокс, кнопок + и -, ползунком - разблокируем кнопку Вперёд
$(".tn-atom__form").delegate('.t-img-select__control, .t-radio__control , .t-checkbox__control, .t-inputquantity__btn', "click", function(){
$(this).closest('.t396').find('a.nbtn').removeClass('btnblock');
});
$(".tn-atom__form").on('input', ".t-range", function() {
$(this).closest('.t396').find('a.nbtn').removeClass('btnblock');
});
//При заполненном поле INPUT, разблокируем кнопку Вперёд
$(".tn-atom__form").delegate('.t-input', "focusout", function(){
if($(this).val() != ''){
$(this).closest('.t396').find('a.nbtn').removeClass('btnblock');
}else{ $(this).closest('.t396').find('a.nbtn').addClass('btnblock');};
});
//При изменении выпадающего списка, разблокируем кнопку Вперёд
$(".tn-atom__form").delegate('.t-select', "change", function(){
$(this).closest('.t396').find('a.nbtn').removeClass('btnblock');
});
//Блокируем в поле ввода клавишу Enter
$(".tn-atom__form").delegate('.t-input', "keydown", function(event){
if(event.keyCode == 13) { event.preventDefault(); };
});
//СМЕНА БЛОКОВ КОНТЕНТА
//При нажатии кнопки Вперёд - меняем блоки
$( 'a[href="#next"]' ).click(function(e) {e.preventDefault();
let nextnmb = $('[href="#next"]').index(this);
$(quizcontent[nextnmb]).hide(1500);$(quizcontent[nextnmb+1]).fadeIn(1500);
t396_init(quizcontent[nextnmb+1].substring(4));
window.dispatchEvent(new Event('orientationchange'));
});
//При нажатии кнопки назад - меняем блоки
$( 'a[href="#previous"]' ).click(function(e) {e.preventDefault();
let prevnmb = $('[href="#previous"]').index(this);
$(quizcontent[prevnmb+1]).hide(1500); $(quizcontent[prevnmb]).fadeIn(1500);
t396_init(quizcontent[prevnmb].substring(4));
$('a[href="#next"]').addClass('btnblock nbtn');
window.dispatchEvent(new Event('orientationchange'));
});
//При нажатии кнопки Завершить - выводим блок Итог
$( 'a[href="#finishquiz"]' ).click(function(e) {e.preventDefault();
$('.quizblock').hide(1500);
$(finishBlock).fadeIn(1500);
t396_init(finishBlock.substring(4));
window.dispatchEvent(new Event('orientationchange'));
//Получаем значение Тип объекта
$('a[href="#smitog1"]').text($('input[name="typeobject"]:checked').val());
//Получаем значение Площадь объекта
$('a[href="#smitog2"]').text($('input[name="typesquare"]').next('.t-range__value-txt').html());
//Получаем значение Вид ремонта
$('a[href="#smitog3"]').text($('input[name="typetype"]:checked').val());
//Получаем значение Дизайн Проект
$('a[href="#smitog4"]').text($('select[name="typeproject"]').val());
//Получаем значение Эксплуатация
$('a[href="#smitog5"]').text($('input[name="typeage"]:checked').val());
//Получаем значение время старта
$('a[href="#smitog6"]').text($('input[name="typesoon"]:checked').val());
//Получаем значение Подарка
$('a[href="#smitog7"]').text($('input[name="typepresent"]:checked').val());
//Получаем значение всех калькуляторов
let step1 = parseFloat($('input[name="step1"]').next('.t-calc__wrapper').children('.t-calc').html());
let step2 = parseFloat($('input[name="step2"]').next('.t-calc__wrapper').children('.t-calc').html());
let step3 = parseFloat($('input[name="step3"]').next('.t-calc__wrapper').children('.t-calc').html());
let step4 = parseFloat($('input[name="step4"]').next('.t-calc__wrapper').children('.t-calc').html());
let step5 = parseFloat($('input[name="step5"]').next('.t-calc__wrapper').children('.t-calc').html());
let step6 = parseFloat($('input[name="step6"]').next('.t-calc__wrapper').children('.t-calc').html());
//Считаем общую сумму
let fsumm=step1*step2*step3*step5*step6+step4;
$('a[href="#smitog8"]').html(String(fsumm).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ') + ' руб.');
//Формируем данные в форму отправки
$('input[name="sendtypeobject"]').val($('a[href="#smitog1"]').text());
$('input[name="sendtypesquare"]').val($('a[href="#smitog2"]').text());
$('input[name="sendtypetype"]').val($('a[href="#smitog3"]').text());
$('input[name="sendtypeproject"]').val($('a[href="#smitog4"]').text());
$('input[name="sendtypeage"]').val($('a[href="#smitog5"]').text());
$('input[name="sendtypesoon"]').val($('a[href="#smitog6"]').text());
$('input[name="sendtypepresent"]').val($('a[href="#smitog7"]').text());
$('input[name="senditogo"]').val($('a[href="#smitog8"]').text());
});
//При клике на нашу кнопку формы
$('a[href="#sendmyquiz"]').click(function(e) {e.preventDefault();
//ОТправляем данные основной формы
$('div[data-elem-id="1568986565397"] .t-submit').click();
});
});
</script>