https://soeman.fr/wp-content/themes/web-soeman-new/js/script.js?ver=1.1

1// Placez la fonction openCity dans la portée globale
2window.openCity = function (evt, cityName) {
3    var i, tabcontent, tablinks;
4    tabcontent = document.getElementsByClassName("tabcontent");
5    for (i = 0; i < tabcontent.length; i++) {
6        tabcontent[i].style.display = "none";
7    }
8    tablinks = document.getElementsByClassName("tablinks");
9    for (i = 0; i < tablinks.length; i++) {
10        tablinks[i].className = tablinks[i].className.replace(" active", "");
11    }
12    document.getElementById(cityName).style.display = "flex";
13    evt.currentTarget.className += " active";
14};
15
16(function ($) {
17
18    // Au chargement de la page, cachez tous les onglets...
19    $('.tabcontent').hide();
20
21    // Puis affichez le premier onglet.
22    // Assurez-vous que l'ID correspond à celui de votre premier onglet.
23    $('#CRM').show(); 
24    $('.tablinks:first').addClass('active'); // Ajoute une classe active au premier bouton d'onglet.
25
26
27
28    // Menu mobile
29    $('#Side_slide').hide();
30    $('i.icon-menu-fine').on("click", function () {
31        $('#Side_slide').show();
32        if (!$(this).data('clicked')) {
33            $(this).data('clicked', true);
34        } else {
35            $('#Side_slide').hide();
36            $(this).data('clicked', false);
37        }
38    });
39
40    // Formulaire Ressources
41    $('.sec2-documentation').hide();
42    document.addEventListener('wpcf7mailsent', function (event) {
43        $('.sec2-documentation').show();
44    }, false);
45
46    // Formulaire Contact
47    $(document).ready(function () {
48        $(".contact-wrap select").bind('change', function () {
49            let mailLabel = $('.contact-wrap .your-email').closest('label');
50            let telLabel = $('.contact-wrap .telephone').closest('label');
51            switch ($(this).val()) {
52                case 'Je souhaite être rappelé':
53                    telLabel.show();
54                    mailLabel.hide();
55                    break;
56                case 'Je souhaite être contacté par mail':
57                    mailLabel.show();
58                    telLabel.hide();
59                    break;
60                case 'Je souhaite avoir une démo':
61                    mailLabel.show();
62                    telLabel.show();
63                    break;
64                default:
65                    console.log("default mode");
66            }
67        });
68        $(".contact-wrap select").trigger('change');
69    });
70
71    //Image map desktop
72    $(".img-map-desktop a img").mouseover(function () {
73        $(".img-map-desktop a img").not(this).css('opacity', '0.6');
74    }).mouseout(function () {
75        $(".img-map-desktop a img").not(this).css('opacity', '1');
76    });
77
78    //Image map
79    $(".img-map a img").mouseover(function () {
80        $(".img-map a img").not(this).css('opacity', '0.6');
81    }).mouseout(function () {
82        $(".img-map a img").not(this).css('opacity', '1');
83    });
84
85    $('.sec2-trouver-solution').hide();
86    $('.sec1-trouver-solution').css('paddingBottom', '100px');
87    $('.sec1-trouver-solution .wrap-choice').css('borderRadius', '10px');
88    $('.sec2-trouver-solution .wpcf7-form').hide();
89
90    //Trouver Solution - Checkboxes domaines
91    $('.col-choice ul.domaines label').on("click", function () {
92        $('.col-choice ul.domaines label').removeClass("active");
93        $(this).addClass("active");
94    });
95
96    var checkboxesProfession = $('.checkbox_profession');
97    for (var i = 0; i < checkboxesProfession.length; i++) {
98        checkboxesProfession[i].addEventListener("change", checkedOrNot);
99    }
100    var checkboxesDomaine = $('.checkbox_domaine');
101    for (var i = 0; i < checkboxesDomaine.length; i++) {
102        checkboxesDomaine[i].addEventListener("change", checkedOrNot);
103    }
104
105
106    function checkedOrNot() {
107        let isChecked = this.checked;
108        let idCheckBox = $(this).attr('id');
109        if (isChecked) { //case cocher
110            $('.sec2-trouver-solution .wpcf7-form').hide();
111            $('.sec1-trouver-solution').css('padding-bottom', '0');
112            $('.sec1-trouver-solution .wrap-choice').css('borderRadius', '10px 10px 0 0');
113            if ($(this).hasClass("checkbox_domaine")) {
114                $('ul.domaines label').removeClass("active");
115            } else {
116                $('ul.professions label').removeClass("active");
117            }
118            this.checked = false;

119            labelInput = this.nextElementSibling;
120            labelInput.classList.add("active");
121
122            // console.log($(this));
123            // let lastSelected;
124
125            // if ($(this).hasClass('checkbox_profession')) {
126            //     getProfessionSelected();
127            // }
128
129
130            //console.log(getProfessionSelected());
131            // if ($('ul.domaines li label').hasClass('active')) {
132            //     getCheckboxContent(idCheckBox);
133            //     console.log($('ul.domaines li input').attr('id'));
134            // }
135            // getCheckboxContent(idCheckBox);
136
137            getCheckboxContent(idCheckBox);
138            console.log(idCheckBox);
139
140            //Trouver solution - dépliant
141            $('#btnSolution').on("click", function () {
142                $(this).html("");
143                $(this).addClass("active");
144                $(this).css("background", "url(https://soeman.fr/wp-content/uploads/2021/05/picto_trouver_solution.png) no-repeat center");
145                //$('.sec2-trouver-solution .hidden-wrap').show();
146
147                $('#' + idCheckBox + '-section').show();
148            });
149
150        } else { //case décocher  //ul.professions label
151            $('.col-choice ul label').removeClass("active");
152            labelInput = this.nextElementSibling;
153            labelInput.classList.add("active");
154        }
155    }
156    function getCheckboxContent(idCheckBox) {
157        switch (idCheckBox) {
158            case 'Ceo':
159                $('.sec2-trouver-solution').hide();
160                $('#' + idCheckBox + '-section').show();
161                //Formulaire Contact - dépliant
162                $('.sec2-trouver-solution .btn-contact').on("click", function () {
163                    $('.sec2-trouver-solution .wpcf7-form').show();
164                });
165                break;
166            case 'Manager':
167                $('.sec2-trouver-solution').hide();
168                $('#' + idCheckBox + '-section').show();
169                //Formulaire Contact - dépliant
170                $('.sec2-trouver-solution .btn-contact').on("click", function () {
171                    $('.sec2-trouver-solution .wpcf7-form').show();
172                });
173                break;
174            case 'Commercial':
175                $('.sec2-trouver-solution').hide();
176                $('#' + idCheckBox + '-section').show();
177                //Formulaire Contact - dépliant
178                $('.sec2-trouver-solution .btn-contact').on("click", function () {
179                    $('.sec2-trouver-solution .wpcf7-form').show();
180                });
181                break;
182            case 'Industrie':
183                $('.sec2-trouver-solution').hide();
184                $('#' + idCheckBox + '-section').show();
185                //Formulaire Contact - dépliant
186                $('.sec2-trouver-solution .btn-contact').on("click", function () {
187                    $('.sec2-trouver-solution .wpcf7-form').show();
188                });
189                break;
190            case 'Btp':
191                $('.sec2-trouver-solution').hide();
192                $('#' + idCheckBox + '-section').show();
193                //Formulaire Contact - dépliant
194                $('.sec2-trouver-solution .btn-contact').on("click", function () {
195                    $('.sec2-trouver-solution .wpcf7-form').show();
196                });
197                break;
198            case 'Commerce-B2B':
199                $('.sec2-trouver-solution').hide();
200                $('#' + idCheckBox + '-section').show();
201                //Formulaire Contact - dépliant
202                $('.sec2-trouver-solution .btn-contact').on("click", function () {
203                    $('.sec2-trouver-solution .wpcf7-form').show();
204                });
205                break;
206            case 'Ceo Commerce-B2B':
207                console.log("test good");
208                $('.sec2-trouver-solution').hide();
209                $('#' + idCheckBox + '-section').show();
210                //Formulaire Contact - dépliant
211                $('.sec2-trouver-solution .btn-contact').on("click", function () {
212                    $('.sec2-trouver-solution .wpcf7-form').show();
213                });
214                break;
215            default:
216            //console.log(`default mode`);
217        }
218    }
219
220
221})(jQuery);