$(document).ready(function() { footerBottom(); scrollUp(); callMobile(); modalForms(); openMobMenuNew(); closeMobMenu(); phoneMask(); catalogMenu(); serviceTables(); formsService(); function footerBottom(){ var heightHeader = document.getElementById('header_').offsetHeight var heightFooter = document.getElementById('footer_').offsetHeight var windowHeight = window.innerHeight document.getElementById('content_').style.minHeight = windowHeight-heightHeader-heightFooter+'px'; } function mobOverlayAdd() { if($('body').find('.mob-overlay').length > 0) { } else { $('body').append('
') } $('.mob-overlay').fadeIn(300); } function mobOverlayRemove() { $('.mob-overlay').fadeOut(300); $('body').removeClass('show-block-mobile'); setTimeout(function () { $('body').removeClass('body-fixed'); },510) } function openMobMenuNew() { $('.menu_mob').click(function () { mobOverlayAdd() $('body').addClass('body-fixed show-block-mobile'); }) } function closeCallMobileHide() { $('.call-mobile-wr').removeClass('visible') setTimeout(function () { $('.call-mobile-wr').removeClass('open') },200) } function closeMobMenu() { $('body').on('click','.mob-overlay',function () { mobOverlayRemove(); }) $('.close-mobile-menu').click(function () { mobOverlayRemove(); }) } function scrollUp() { $('.btn_up').click(function () { $('body, html').animate({scrollTop:0}, 500); }) btnScroll() function btnScroll() { btnScrollPos() function btnScrollPos() { var containerPos = $('#content_ .container').offset().left // console.log($('.container').offset().left) $('.btn_up').css({right:containerPos}) } btnScrollShowHide() function btnScrollShowHide() { var windowHeight = $(window).height() if($(this).scrollTop() < windowHeight) { $('.btn_up').removeClass('visible') } else { $('.btn_up').addClass('visible') } var scrpos = $(this).scrollTop() var documentHeight = $(document).height() var fHe = ($('.section-box-footer').height())-39 var fPos = $('.section-box-footer').offset().top var docFooterHeight = documentHeight-fHe-windowHeight if(($(this).scrollTop())>=docFooterHeight){ $('.btn_up').css({bottom:(fHe+16)-((documentHeight-scrpos)-($(window).height()))}) } else { $('.btn_up').css({bottom:16}) } } $(window).resize(function () { btnScrollPos() btnScrollShowHide() }) $(window).scroll(function () { btnScrollShowHide() }) $('.btn_scroll').click(function () { $('body,html').animate( { scrollTop: 0 }, 500 ); }) } } function callMobile() { //new $('.btn_call').click(function() { $('.btn_call').addClass('close'); $('.btn_call_close').addClass('visible'); mobOverlayAdd(); $('.call-mobile-wr').addClass('visible'); setTimeout( function() { $('.call-mobile-wr').addClass('open') }, 20 ) }) $('.btn_call_close').click(function () { $(this).removeClass('visible'); mobOverlayRemove(); closeCallMobileHide(); $('.btn_call') .removeClass('close'); $('.call-mobile-wr').removeClass('open'); $('body').removeClass('off-scroll'); }) } function phoneMask() { var phoneInput = '.phones_mask input' if($('body').find('.phones_mask').find('input').length>0){ $(phoneInput).mask('(000) 000-00-00',{placeholder:'(0__)___-__-__'}); $(phoneInput).focus(function () { var text = $(this).val(); $(this).val(text); if(($(this).val())== '') {$(this).val('(0')} }) $(phoneInput).focusout(function () { var phoneVal = $(this).val() //if(phoneVal == '+38(0' || phoneVal == '+38(' || phoneVal == '+38' || phoneVal == '+3' || phoneVal == '+') {$(this).val('')} if(phoneVal.length <17) {$(this).val('')} }) } } function catalogMenu() { $('.mobi-menu-catalog').children('ul').children('li') .each(function() { if ($(this) .find('ul').length > 0) { $(this) .addClass('has-list'); } }) $('.mobi-menu-catalog .has-list a').click(function() { if ($(this).parent().hasClass('active-menu')) { $(this).parent().removeClass('active-menu'); } else { $(this).parent().addClass('active-menu'); } }) } function serviceTables() { var status = true; $('body').on('click','.service-title',function () { var this_ = $(this); if(status) { status = false; var height = 0; var maxHeight = +(this_.parent().parent().find('table').height() + this_.parent().parent().height()); this_.parent().parent().toggleClass('active') if(this_.parent().parent().hasClass('active')) { var interval = setInterval(function () { if(height<=maxHeight) { height = height+15; this_.parent().parent().css({height: height + 'px'}); } else { this_.parent().parent().css({height: maxHeight + 1 + 'px'}); clearInterval(interval); status = true; } },1) } else { var newHeight = this_.parent().parent().height(); var interval2 = setInterval(function () { if(newHeight>=1) { newHeight = newHeight-20; this_.parent().parent().css({height: newHeight + 'px'}) } else { clearInterval(interval2); this_.parent().parent().css({height: this_.height() + 1 + 'px'}); status = true; } },1) } } }) } $(window).resize(function () { // heightSliderCol(); footerBottom(); if(window.innerWidth>=992){ mobOverlayRemove() $('#menu-mob-hidden').removeClass('visible') setTimeout(function () { $('#menu-mob-hidden').removeClass('opens') },200) $('body').removeClass('off-scroll') $('body').removeClass('hidden_scroll-y') } }) function modalForms() { $('body').on('click','.modal-link', function (e) { e.preventDefault(); e.stopPropagation(); mobOverlayRemove() $('#menu-mob-hidden').removeClass('visible') setTimeout(function () { $('#menu-mob-hidden').removeClass('opens') },200) $('body').removeClass('off-scroll') mobOverlayRemove() closeCallMobileHide() $('.btn_call').removeClass('close') $('.call-mobile-wr').removeClass('open') $('body').removeClass('off-scroll') var idForm = $(this).data('form'); var pos = ($(window).scrollTop()) + 30; if($(this).hasClass('fixed-modal')){ pos = 30; $('#'+idForm).css({position:'fixed'}) } if($(this).hasClass('pos-top')){ pos = 30; } $('#overlay').removeClass('overlay_cloned'); $('#overlay').fadeIn(400, function(){ $('#'+idForm) .css('display', 'block') .animate({opacity: 1, top: pos}, 200); }); }) } closeForms(); function closeForms() { $('#modal_close, #overlay').click( function(){ $('.forms_, .basket_modal').animate({opacity: 0, top: '0'}, 200,function(){ $(this).css('display', 'none'); $(this).prev("#overlay").css('display', 'none'); $('#overlay').fadeOut(400); }); $('#success_form').animate({opacity: 0, top: '0'}, 200,function(){ $(this).css('display', 'none'); $(this).prev("#overlay").css('display', 'none'); $(this).css({top:'50%'}); }); }); } //после удачной отправки формы запускать success() // success() function success() { var pos = ($(window).scrollTop()) + 30; $('.forms_').animate({opacity: 0, top: '0'}, 200,function(){ $(this).css('display', 'none'); }); setTimeout(function () { $('#overlay').fadeIn(400); $('#success_form').css('display', 'block').animate({opacity: 1, top: pos}, 700); },400) } if($(window).width() >= 768) { animations(); } function animations() { function animBox3() { if($('.section-box-3').length) { $('.section-box-3').addClass('anim') var scrollPos = $(window).scrollTop(); var windHeight = $(window).height(); var bl = $('.section-box-3'); var pos = bl.offset().top; if(scrollPos >= (pos - (windHeight - 200 ))) { bl.addClass('start') } } } function animBox4() { if($('.section-box-4').length) { $('.section-box-4').addClass('anim') var scrollPos = $(window).scrollTop(); var windHeight = $(window).height(); var bl = $('.section-box-4'); var pos = bl.offset().top; if (scrollPos >= (pos - (windHeight - 200 ))) { bl.addClass('start'); setTimeout(function () { bl.addClass('start2'); }, 1100) setTimeout(function () { bl.addClass('start3'); }, 1100 + 2500) } } } function animBox2() { if($('.section-box-2').length) { $('.section-box-2').addClass('anim'); $('.categories-home .img').click(function () { var link = $(this).parent().find('.categories-home-links-title a').attr('href'); document.location.href = link; }) var scrollPos = $(window).scrollTop(); var windHeight = $(window).height(); var bl = $('.section-box-2'); var pos = bl.offset().top; if(scrollPos >= (pos - (windHeight - 200 ))) { bl.addClass('start'); setTimeout(function () { bl.addClass('start2'); },1100) } } } $(window).scroll(function () { animBox3(); animBox4(); animBox2(); }) } showTextHome() function showTextHome() { $('.show-txt-mo span').click(function () { if($(this).parent().hasClass('hide-status')){ $('.for-hidden-mob').removeClass('status-hide'); $(this).parent().removeClass('hide-status'); var text = $(this).parent().data('langhide'); $(this).find('b').html(text); } else { $('.for-hidden-mob').addClass('status-hide'); $(this).parent().addClass('hide-status'); var text = $(this).parent().data('langshow'); $(this).find('b').html(text); } }) } function formsService() { $('body').on('click','.service-c-a-btns span',function () { $(this).parent().parent().find('.hidden-form-c-a-wr').removeClass('hidden') }) $('body').on('click','.submit-close-c-a span',function () { $(this).parents('.hidden-form-c-a-wr').addClass('hidden') }) } $('nav').addClass('hide_'); $('body').addClass('start-preloader'); window.onload = function () { // // $('body').addClass('end-preloader') // $('nav').addClass('start') // $('body').addClass('disabled-preloader') //альтернативный с задержкой выключения setTimeout(function () { $('body').addClass('end-preloader') },2700); setTimeout(function () { console.log('start'); $('nav').addClass('start'); $('body').addClass('disabled-preloader'); },2700 + 2000) } });