https://vltk.ru/design/VLKT_6/js/app.js

1function validate_field($field) {
2    if ($field.val() === '') {
3        $field.css('border-color', 'red');
4        return false;
5    } else {
6        $field.css('border-color', 'rgba(0, 0, 0, 0.5)');
7    }
8    return true;
9}
10            
11function validate_form(fo) {
12    var valid = true;
13    fo.find('input').each(function(i,e){
14                valid &= validate_field($(e));
15    });
16    console.log(valid);
17    return valid;
18}
19
20function validate_switch_field($field) {
21    var $switch_field = $field.parent().parent().parent();
22    var $switch_title = $switch_field.prev().find('span');
23    if ($field.val() !== 'Да') {
24        $switch_title.css('color', 'red');
25        $switch_field.css('color', 'red');
26        return false;
27    } else {
28        $switch_title.css('color', '#333');
29        $switch_field.css('color', '#333');
30    }
31    return true;
32}
33
34function validate($form) {
35    var valid = validate_field($form.find('input[name="field[4]"]'));
36    valid &= validate_field($form.find('input[name="field[8]"]'));
37    valid &= validate_field($form.find('input[name=captcha_code]'));
38    //valid &= validate_switch_field($form.find('input[name="field[18]"]:checked'));
39    return valid;
40}
41
42function validate_quality($form) {
43    var valid = validate_field($form.find('input[name="field[20]"]'));
44    valid &= validate_field($form.find('input[name="field[21]"]'));
45    valid &= validate_field($form.find('textarea[name="field[22]"]'));
46    //valid &= validate_switch_field($form.find('input[name="field[23]"]:checked'));
47    return valid;
48}
49
50function change_captcha($form) {
51    var captcha_id = $form.find('input[name=captcha_id]').val();
52    $('#kcaptcha' + captcha_id).attr('src', '/plugins/p_kcaptcha/codegen/cms_codegen.php?'+Math.random()+'&id='+captcha_id);
53    $form.find('input[name=captcha_code]').css('border-color', 'red').val('');
54}
55
56function setupFooter() {
57    var main = document.querySelector('main');
58    var min_h = window.innerHeight
59        - document.querySelector('footer').offsetHeight
60        - main.offsetTop;
61    if (min_h > 0 ) {
62        main.setAttribute('style', 'min-height: ' + min_h.toString() + 'px;');
63    }
64}
65
66$(document).ready(function(){
67    var btn_visible = false;
68
69    $(document).on('scroll', function(event) {
70        var $win = $(window);
71        var $btn = $('.scroll-btn');
72        if ($win.scrollTop() > $win.height()) {
73            if (!btn_visible) {
74                $btn.removeClass('hidden');
75                btn_visible = true;
76            }
77        } else {
78            if (btn_visible) {
79                $btn.addClass('hidden');
80                btn_visible = false;
81            }
82        }
83    });
84
85    $('.scroll-btn').on('click', function () {
86        var $body = $('html, body');
87        $body.animate({scrollTop: 0}, 250);
88    });
89
90    $('#sess_messages').hide().fadeIn();
91
92    if (typeof $.cookie('city') == 'undefined') {
93        SetCity('kirov');
94    }
95
96    $('#townPopup').click(function(e){
97        e.stopPropagation();
98        var popUpDiv    = $('#popUpDiv');
99        if (!popUpDiv.is(':visible')) {
100            popUpDiv.fadeIn(300).bind('click.bTown', function(event){
101                event.stopPropagation();
102            });
103        } else {
104            popUpDiv.fadeOut(300).unbind('.bTown');
105            $('.bTown').unbind();
106        }
107        return false;
108    });
109
110    $(".townNow").click(function(){
111        $("#townChoice").html($(this).attr("title"));
112		$("#townChoice2").html($(this).attr("title"));
113    });
114
115    $("#townSelect li").click(function() {
116        $("#townSelect li").removeClass('activeTown');
117        reload_city();
118        $(this).addClass("activeTown");
119        $('.b-town_popup').fadeOut(300);
120    });
121
122    reload_city();
123
124    if (typeof $.cookie('city') !== 'undefined') {
125        $("#townSelect li").removeClass('activeTown');
126        $('#townSelect [data-name="' + $.cookie('city') + '"]').parent().addClass("activeTown");
127        $("#townChoice").html($('#townSelect [data-name="' + $.cookie('city') + '"]').attr("title"));
128		$("#townChoice2").html($('#townSelect [data-name="' + $.cookie('city') + '"]').attr("title"));
129    }
130
131    $('#close').click(function(e){
132        $('.b-town_popup').fadeOut(300);
133    });
134    
135    //zakaz module
136    $('.btn-order, .zakbut, .order').click(function(){
137        $('.popup-form-container:not(.bg_0)').fadeOut(100);
138        $('.bg_0').fadeToggle(700);
139    });
140
141    $('.btn-quality').on('click', function () {
142        $('.popup-form-container:not(.bg_2)').fadeOut(100);
143        $('.bg_2').fadeToggle(700);
144    });
145
146    $('.close_form').on('click', function () {
147       $(this).parent().parent().fadeOut(700);
148       $('#result .zak.popup-form form').children('p.like_h1').remove();
149    });
150
151    $('.vak1').click(function(){
152        $('.vakz1').slideToggle(400);
153    });
154    $('.vak5').click(function(){
155        $('.vakz5').slideToggle(400);
156    });
157    $('.vak2').click(function(){
158        $('.vakz2').slideToggle(400);
159    });
160    $('.vak3').click(function(){
161        $('.vakz3').slideToggle(400);
162    });
163    $('.vak4').click(function(){
164        $('.vakz4').slideToggle(400);
165    });
166    $('.vak6').click(function(){
167        $('.vakz6').slideToggle(400);
168    });
169    $('.vak7').click(function(){
170        $('.vakz7').slideToggle(400);
171    });
172    $('.vak8').click(function(){
173        $('.vakz8').slideToggle(400);
174    });
175    $('.vak9').click(function(){
176        $('.vakz9').slideToggle(400);
177    });
178    $('.vak10').click(function(){
179        $('.vakz10').slideToggle(400);
180    });
181    $('.vak11').click(function(){
182        $('.vakz11').slideToggle(400);
183    });
184    $('.vak12').click(function(){
185        $('.vakz12').slideToggle(400);
186    });
187    $('.vak13').click(function(){
188        $('.vakz13').slideToggle(400);
189    });
190    $('.vak14').click(function(){
191        $('.vakz14').slideToggle(400);
192    });
193    $('.vak15').click(function(){
194        $('.vakz15').slideToggle(400);
195    });
196    $('.vak16').click(function(){
197        $('.vakz16').slideToggle(400);
198    });
199    $('.vak17').click(function(){
200        $('.vakz17').slideToggle(400);
201    });
202    $('.vak18').click(function(){
203        $('.vakz18').slideToggle(400);
204    });
205    $('.vak19').click(function(){
206        $('.vakz19').slideToggle(400);
207    });
208    $('.vak20').click(function(){
209        $('.vakz20').slideToggle(400);
210    });
211    $('.vak21').click(function(){
212        $('.vakz21').slideToggle(400);
213    });
214    $('.vak22').click(function(){
215        $('.vakz22').slideToggle(400);
216    });
217    $('.vak23').click(function(){
218        $('.vakz23').slideToggle(400);
219    });
220    $('.vak24').click(function(){
221        $('.vakz24').slideToggle(400);
222    });
223    $('.vak25').click(function(){
224        $('.vakz25').slideToggle(400);
225    });
226
227    $('.btn-order').on('click', function () {
228        yaCounter16061932.reachGoal('zakazatraschet');
229    });
230    $('.zak input[type=submit]').on('click', function (event) {
231        event.preventDefault();
232        var $form = $('.zak form');
233        if (validate($form)) {
234            $.ajax({
235                url: '/forms/process',
236                type: 'POST',
237                data: new FormData($form[0]),
238                processData: false,
239                contentType: false
240            }).success(function (data) {
241                if (!data.error) {
242                    $('.bg_0').fadeOut(700);
243                    $('.bg_1').fadeIn(350)
244                    yaCounter16061932.reachGoal('otpravitzayavku');
245                } else {
246                    if (!data.captcha) {
247                        change_captcha($form);
248                    }
249                }
250            });
251        }
252    });
253
254    $('.btn-quality').on('click', function () {
255        yaCounter16061932.reachGoal('sluzhbakachestva');
256    });
257
258    $('.quality-form input[type=submit]').on('click', function (event) {
259        event.preventDefault();
260        var $form = $('.quality-form form');
261        if (validate_quality($form)) {
262            $.ajax({
263                url: '/forms/process',
264                type: 'POST',
265                data: new FormData($form[0]),
266                processData: false,
267                contentType: false
268            }).success(function (data) {
269                if (!data.error) {
270                    $('.popup-form-container').fadeOut(700);
271                    $('.bg_1').fadeIn(350);
272                    yaCounter16061932.reachGoal('otpravitvsluzhbukachestva');
273                } else if (!data.captcha) {
274                    change_captcha($form);
275                    console.log(data.error);
276                }
277            })
278            .error(function(data){
279                console.log(data.error);
280            })
281        }
282        console.log(123);
283    });
284
285    $("input[placeholder='Телефон*']").mask("8 (999) 999-99-99");
286
287    $('#eskiz_form').on('submit', function (e) {
288        e.preventDefault();
289        var data = $('#eskiz_form');
290        var formData = new FormData();
291        var files = $('#file_v')[0].files;
292
293        for(var i=0;i<files.length;i++){
294            formData.append("file_v"+i,files[i]); 
295        }
296
297        formData.append('name', $('#eskiz_form input[name=name]').val());
298        formData.append('phone', $('#eskiz_form input[name=phone]').val());
299        formData.append('comm', $('#eskiz_form input[name=comm]').val());
300
301        $.ajax({
302                url : '/eskiz_mail.php',
303                type : 'POST',
304                processData: false,
305                contentType: false,
306                cache:false,
307                data : formData,
308                success: function(data){
309                    if(data.ok == 'Y'){
310                        //если ок, выводим сообщение
311                        console.log('ok');
312                    }else{
313                        $('.popup-form-container').fadeOut(700);
314                        $('.bg_1').fadeIn(350);
315                        console.log('error');               
316                    }
317                }
318        });
319    });
320
321    $('.price_show_on').on('click', function(e){
322        e.preventDefault();
323        $('.price_sender_block').toggle();
324    });
325
326    $('#price_sender_form').on('submit', function (e) {
327        e.preventDefault();
328
329        var fd = new FormData( this );
330         $.ajax({
331         url: '/price_sender.php',
332         type: 'POST',
333         contentType: false, 
334         processData: false, 
335         data: fd,
336         success: function(msg){
337            if(msg == 'ok') {
338             $('.popup-form-container').fadeOut(700);
339             $('.bg_1').fadeIn(350);
340             $('.price_sender_block').toggle();
341            } else {
342             $('#price_sender_form[type=submit]').val('Ошибка');
343             setTimeout(function() {
344                $('#price_sender_form[type=submit]').val('Получить прайс');
345             }, 3000);
346            }
347         }
348         });
349    });
350
351    $('a.cboxElement.review-button').colorbox();
352
353    $(window).on('resize', setupFooter);
354    setupFooter();
355
356    var $review_items = $('#carousel-reviews .item');
357    if ($review_items.length == 1) {
358        var $review_clone = $review_items.clone();
359        $review_clone.removeClass('active');
360        $review_clone.insertAfter($review_items);
361        $review_items.parents('#carousel-reviews').carousel('cycle');
362    }
363});
364
365var main_domain = 'krovli-fasadi.ru';
366
367function SetCity(city_choose) {
368	var wpage = window.location.pathname;
369    $.removeCookie('city');
370    $.cookie('city', city_choose, { path: '/', domain: main_domain });
371    if (city_choose === 'kirov') {
372        window.location.href = 'http://' + main_domain + wpage;
373    } else {
374        window.location.href = 'http://' + city_choose + '.' + main_domain + wpage;
375    }
376    return false;

377}
378
379function reload_city() {
380    var current_city = 'kirov';
381    var city_domain = window.location.hostname;
382    city_domain = city_domain.split('.');
383
384    if (city_domain[0]=='krovli-fasadi') {
385    	city_domain = 'kirov';
386    }else{
387    	city_domain = city_domain[0];
388    }
389
390    if (city_domain!=$.cookie('city')) {
391    	$.removeCookie('city');
392    	$.cookie('city', city_domain, { path: '/', domain: main_domain });
393    }
394
395    if (typeof $.cookie('city') !== 'undefined') {
396        current_city = $.cookie('city');
397    }
398    $('.cityhide').hide();
399    $('.cityhide[data-name="' + current_city + '"]').show();
400    $('.cityz').hide();
401    $('.cityz[data-name="' + current_city + '"]').show();
402}