https://www.salon-stone.ru/js/scripts/script.js

1$('#up').click(function() {
2    $('body,html').animate({ scrollTop: 0 }, 700);
3});
4$('.tabs-wrapper').each(function() {
5    let ths = $(this);
6
7    let $titles = ths.find('.tab-title');
8    let $items = ths.find('.tab-item');
9
10    $items.hide().eq(0).show();
11    $titles.eq(0).addClass('active');
12
13    $titles.on('click', function() {
14
15        let i = $titles.index(this);
16
17        $titles.removeClass('active');
18        $(this).addClass('active');
19
20        $items.hide().eq(i).fadeIn();
21    });
22
23});
24
25$('.phone').mask("+7(999)999-99-99");
26$('.phone_mask').mask("+7(999)999-99-99");
27
28document.addEventListener('DOMContentLoaded', function() {
29    var faqItems = document.querySelectorAll('.js-faq-item');
30
31    faqItems.forEach(function(item) {
32        var header = item.querySelector('.js-faq-header');
33        var toggle = item.querySelector('.faq__toggle');
34
35        function toggleOpen(e) {
36            // åñëè êíîïêà âíóòðè header — ÷òîáû íå áûëî äâîéíîãî ñðàáàòûâàíèÿ
37            e.stopPropagation();
38            item.classList.toggle('js-faq-item--open');
39        }
40
41        if (header) header.addEventListener('click', toggleOpen);
42        if (toggle) toggle.addEventListener('click', toggleOpen);
43    });
44
45
46    $('.burger').click(function() {
47
48        $(this).toggleClass('active');
49        $(".subheader").fadeToggle();
50        $(".header__menu").toggleClass('active');
51
52        if ($(this).hasClass('active')) {
53            // ïåðåíîñèì ìåíþ â subheader
54            $('.header__menu').appendTo('.subheader');
55        } else {
56            // âîçâðàùàåì ìåíþ îáðàòíî
57            $('.header__menu').appendTo('.header__bottom-nav');
58        }
59
60    });
61
62    // $('.header__menu__item').click(function() {
63    //   $(this).toggleClass('active');
64    //   $(this).children(".menu_new").fadeToggle();
65    // });
66    // $('.header__menu__item').click(function(e) {
67    //   $(this).toggleClass('active');
68    //   var $submenu = $(this).find('.menu_new');
69    //   $submenu.toggleClass('active');
70    // });
71    $('.header__menu').on('click', 'img', function(e) {
72
73        e.preventDefault();
74        e.stopPropagation();
75
76        var $item = $(this).closest('li, .header__menu__item');
77        var $submenu = $item.children('ul').first();
78
79        if ($submenu.length) {
80            $item.toggleClass('active');
81            $submenu.toggleClass('active');
82        }
83    });
84
85
86    $(document).on('click', '.item-page__order-button', function(e) {
87        e.preventDefault()
88        var id = $(this).data('id')
89        console.log(id)
90
91        if ($('.item-page__gallery').find('img').length > 0 && $('.item-page__gallery').find('img').attr('src').length > 0) {
92            getModalForm(id, $('.item-page__gallery').find('img').attr('src'));
93        } else if ($(this).closest('.item-page__main').find('.product_mat_image > a').length > 0 && $(this).closest('.item-page__main').find('.product_mat_image > a').attr('href').length > 0) {
94            getModalForm(id, $(this).closest('.item-page__main').find('.product_mat_image > a').attr('href'));
95        } else {
96            getModalForm(id, null);
97        }
98        return false
99    });
100
101    $(document).on('click', 'button.catalog-card__button', function(e) {
102        e.preventDefault()
103        var id = $(this).data('id')
104        console.log(id)
105        getModalForm(id, $(this).closest('.catalog-card').find('img').attr('src'))
106        return false
107    });
108
109
110    function getModalForm(id, image) {
111        $.ajax({
112            type: "POST",
113            url: "/ajax/modal_form.php",
114            data: { id: id, img: image },
115            success: function(data) {
116                $('body').prepend(data)
117                    // console.log(data)
118            },
119        });
120
121    }
122
123    function orderBuy(form) {
124        var mes = $(form).serialize()
125        $.ajax({
126            type: "POST",
127            //url: "/ajax/order_buy.php",
128            url: "/includes/order_buy.php",
129            data: mes,
130            dataType: 'json',
131            success: function(data) {
132                // ym(19758955,'reachGoal','bystryi-zakaz');
133                if (data.error != "N") {
134                    $('.f_res').html('<span class="f_error">Çàïîëíèòå âñå ïîëÿ (ïîëÿ "Èìÿ" è "Êîììåíòàðèé" íå äîëæíû ñîäåðæàòü ëàòèíèöó)!</span>')
135                    $('.form input').removeAttr('style')
136                    $('.form input[name=' + data.error + ']').css('color', 'red')
137                    $('.form input[name=' + data.error + ']').css('border', '1px solid red')
138                    $('.form input[name=' + data.error + ']').focus();
139                } else {
140
141                    showPopup('Çàÿâêà óñïåøíî îòïðàâëåíà!');
142                    $('.order_form').hide();
143                    $('.form input').removeAttr('style')
144                    $(form)[0].reset()
145                    setTimeout(function() {
146                        $('.f_res').html('')
147                        setTimeout(function() {
148                            $('.order_form').remove();
149                            $('.backgr').remove();
150                        }, 100)
151                    }, 2500)
152
153                }
154            },
155        });
156
157    }
158
159    function showPopup(message) {
160        var popup = $('#successPopup');
161        popup.find('.popup-text').text(message);
162
163        popup.addClass('show');
164
165        setTimeout(function() {
166            popup.removeClass('show');
167        }, 2500);
168    }
169
170
171    $(document).on('click', '.f_close', function() {
172        $('.order_form').remove()
173        $('.backgr').remove()
174    })
175    $(document).on('click', '.backgr', function() {
176        $('.order_form').remove()
177        $('.backgr').remove()
178    })
179
180    $(document).on('submit', '#ord_form', function(e) {
181        e.preventDefault()
182        orderBuy(this)
183            // console.log(123213)
184        return false
185    })
186
187    $(document).ready(function() {
188        var tab2 = $('#tabs2 .tabs-items > div');
189
190        tab2.hide().filter(':first').show();
191
192        // Êëèêè ïî âêëàäêàì.
193        $('#tabs2 .tabs-nav a').click(function() {
194            tab2.hide();
195            tab2.filter(this.hash).show();
196            $('#tabs2 .tabs-nav a').removeClass('active');
197            $(this).addClass('active');
198            return false;

199        }).filter(':first').click();
200
201        // Êëèêè ïî ÿêîðíûì ññûëêàì.
202        $('#tabs2 .tabs-target').click(function() {
203            $('#tabs2 .tabs-nav a[href=' + $(this).data('id') + ']').click();
204        });
205    });
206
207    $(function() {
208
209        $(document).on('submit', '.ftv1-cta__form', function(e) {
210            e.preventDefault();
211
212            const $form = $(this);
213
214            const name = $.trim($form.find('[name="name"]').val());
215            const phone = $.trim($form.find('[name="phone"]').val());
216
217            if (!phone) {
218                $form.find('[name="phone"]').css('border', '1px solid red');
219                return;
220            }
221
222            const data = new FormData(this);
223
224            $.ajax({
225                type: 'POST',
226                url: '/t_orders.php',
227                data: data,
228                processData: false,
229                contentType: false,
230                success() {
231                    showPopup('Ñïàñèáî! Âàøà çàÿâêà îòïðàâëåíà');
232                    $form[0].reset();
233                }
234            });
235        });
236    });
237
238
239    //   $(document).ready(function () {
240
241    //     $('.header__menu img').on('click', function (e) {
242    //         e.preventDefault();
243    //         e.stopPropagation();
244
245    //         var $parent = $(this).closest('li, .header__menu__item');
246    //         var $submenu = $parent.children('ul');
247
248    //         if ($submenu.length) {
249
250    //             // åñëè óæå îòêðûò — çàêðûâàåì
251    //             if ($parent.hasClass('active')) {
252    //                 $parent.removeClass('active');
253    //                 $submenu.stop(true, true).slideUp(200);
254    //             } else {
255
256    //                 // çàêðûâàåì ñîñåäåé (àêêîðäåîí)
257    //                 $parent.siblings('li, .header__menu__item')
258    //                     .removeClass('active')
259    //                     .children('ul')
260    //                     .stop(true, true)
261    //                     .slideUp(200);
262
263    //                 // îòêðûâàåì òåêóùèé
264    //                 $parent.addClass('active');
265    //                 $submenu.stop(true, true).slideDown(200);
266    //             }
267    //         }
268    //     });
269
270    // });
271
272
273    document.querySelectorAll('.has-sub').forEach(item => {
274        item.addEventListener('click', () => {
275            item.classList.toggle('active');
276        })
277    });
278});
279
280$(function() {
281
282    var $wrap = $('.item-page__tabs');
283    var $mob = $wrap.find('.item-page__tab--mob');
284    var $items = $wrap.find('.tab-title');
285

286    // Êëèê ïî ìîáèëüíîìó ñåëåêòó ? îòêðûòü/çàêðûòü ñïèñîê
287    $mob.on('click', function(e) {
288        e.stopPropagation();
289        $wrap.toggleClass('open');
290    });
291
292    // Êëèê ïî ïóíêòó ñïèñêà (tab-title)
293    $items.on('click', function() {
294
295        // Ìåíÿåì òåêñò â ìîáèëüíîé êíîïêå
296        var text = $(this).text();
297        $mob.text(text);
298
299        // Ñâîðà÷èâàåì ñïèñîê
300        $wrap.removeClass('open');
301    });
302
303    // Êëèê âíå ? çàêðûòü ñåëåêò
304    $(document).on('click', function(e) {
305        if (!$(e.target).closest('.item-page__tabs').length) {
306            $wrap.removeClass('open');
307        }
308    });
309
310});
311
312$(function() {
313
314    var $sort = $('.category-filter__sort');
315    var $btn = $sort.find('.category-filter__sort-button');
316
317    // Îòêðûòèå / çàêðûòèå
318    $btn.on('click', function(e) {
319        e.stopPropagation();
320        $sort.toggleClass('open');
321    });
322
323    // Çàêðûòèå ïðè êëèêå âíå
324    $(document).on('click', function(e) {
325        if (!$(e.target).closest('.category-filter__sort').length) {
326            $sort.removeClass('open');
327        }
328    });
329
330});
331
332
333$(document).ready(function() {
334    // Äëÿ âñåõ ôîðì íà ñòðàíèöå
335    $('form').each(function() {
336        var $form = $(this);
337        var $checkbox = $form.find('input[type="checkbox"]');
338        var $submitBtn = $form.find('button[type="submit"], input[type="submit"]');
339
340        // Ñíÿòü ÷åêáîêñ è çàáëîêèðîâàòü êíîïêó
341        $checkbox.prop('checked', false);
342        $submitBtn.prop('disabled', true);
343
344        // Îòñëåæèâàåì èçìåíåíèå ÷åêáîêñà
345        $checkbox.on('change', function() {
346            if ($checkbox.is(':checked')) {
347                $submitBtn.prop('disabled', false);
348            } else {
349                $submitBtn.prop('disabled', true);
350            }
351        });
352    });
353});