https://ctn-net.jp/kaitori/car/wp-content/themes/ctnkaitori20260825/assets/js/form-access-spp.js

1
2    var isVehiclespSelected = false;
3    function showPopupFromBeginningsp() {
4        document.getElementById('popup').style.display = 'block';
5        showPopupTabsp('brand'); 
6    }
7    document.getElementById('vehiclesFieldsp').addEventListener('focus', function () {
8        var header = document.getElementById('header-top-new');
9        header.classList.add('hidden-header-custom');
10        showPopupFromBeginningsp();
11    });
12    function selectBrandsp(brandName) {
13        currentSelection.brand = brandName;
14        document.getElementById('brandFieldsp').value = brandName;
15        isVehiclespSelected = true;
16        showPopupsp('vehicles');
17    }
18    function selectVehiclesp(vehicleName) {
19        currentSelection.vehicle = vehicleName;
20        document.getElementById('vehiclesFieldsp').value = vehicleName;
21        isVehiclespSelected = true;
22        showPopupsp('year');
23    }
24    function selectYearsp(yearName) {
25        currentSelection.year = yearName;
26        document.getElementById('yearFieldsp').value = yearName;
27        showPopupsp('version');
28    }
29    function selectVersionsp(versionName) {
30        currentSelection.version = versionName;
31        document.getElementById('versionFieldsp').value = versionName;
32        showPopupsp('color');
33    }
34    function selectColorSp(colorName) {
35        currentSelection.color = colorName;
36        document.getElementById('colorFieldsp').value = colorName;
37        showPopupsp('kilomet');
38    }
39    function selectKilometSp(kilometName) {
40        currentSelection.kilomet= kilometName;
41        document.getElementById('kilometFieldsp').value = kilometName;
42        showPopupsp('status');
43    }
44
45    function selectHistorySp(historyName) {
46        document.getElementById('historyFieldsp').value = historyName;
47        checkVehicleStatusSelectionsSp();
48    }
49
50    function selectAutoSp(autoName) {
51        document.getElementById('autoFieldsp').value = autoName;
52        if (!document.querySelector('input[name="groupC"]:checked')) {
53            alert('最初に項目【事故歴・修復歴】を選択してください');
54            return;
55        }
56        checkVehicleStatusSelectionsSp();
57    }
58
59    function checkVehicleStatusSelectionsSp() {
60        if (document.querySelector('input[name="groupC"]:checked') &&
61            document.querySelector('input[name="groupB"]:checked')) {
62            showPopupsp('month');
63        }
64    }
65
66    function selectMonthSp(monthName) {
67        if (!window.matchMedia('(max-width: 767px)').matches) return;
68        document.getElementById('monthsp').value = monthName;
69        handleSubmitSp();
70    }
71
72
73function saveFormDataSp() {
74    const carNameSp = document.getElementById('brandFieldsp').value;
75    const vehicleSp = document.getElementById('vehiclesFieldsp').value;
76    const yearSp = document.getElementById('yearFieldsp').value;
77    const versionSp = document.getElementById('versionFieldsp').value;
78    const colorSp = document.getElementById('colorFieldsp').value;
79    const kilometSp = document.getElementById('kilometFieldsp').value;
80    const historySp = document.getElementById('historyFieldsp').value;
81    const autoSp = document.getElementById('autoFieldsp').value;
82    const monthSp = document.getElementById('monthsp').value;
83
84    
85    localStorage.setItem('brandFieldsp', carNameSp);
86    localStorage.setItem('vehiclesFieldsp', vehicleSp);
87    localStorage.setItem('yearFieldsp', yearSp);
88    localStorage.setItem('versionFieldsp', versionSp);
89    localStorage.setItem('colorFieldsp', colorSp);
90    localStorage.setItem('kilometFieldsp', kilometSp);
91    localStorage.setItem('historyFieldsp', historySp);
92    localStorage.setItem('autoFieldsp', autoSp);
93    localStorage.setItem('monthsp', monthSp);
94
95}
96
97function handleSubmitSp() {
98    const form = document.getElementById('carFormSp');
99
100    if (form.checkValidity()) {
101        
102        const savedParams = sessionStorage.getItem("savedParameters");
103        let saved_utm_param = '';
104        let ip = '';
105        let fpc = '';
106
107        if (savedParams) {
108            const savedParamObj = JSON.parse(savedParams);
109            saved_utm_param = savedParamObj.savedUtmParameters || '';

110            ip = savedParamObj.userIP || '';
111            fpc = savedParamObj.fpc || '';
112        }
113
114        var formData = { saved_utm_param: saved_utm_param, ip: ip, fpc: fpc };
115        var inputs = form.elements;
116
117        for (var i = 0; i < inputs.length; i++) {
118            if (inputs[i].name) {
119                formData[inputs[i].name] = inputs[i].value;
120            }
121        }
122
123        var requiredFields = [
124            "CarName", "Meka", "caryear", "carversion", 
125            "color", "carmet", "history", "auto", "month"
126        ];
127        for (var i = 0; i < inputs.length; i++) {
128            if (inputs[i].name && requiredFields.includes(inputs[i].name)) {
129                formData[inputs[i].name] = inputs[i].value;
130            }
131        }
132
133        console.log('formData:', formData);
134
135        sessionStorage.setItem('leadFormInfo', JSON.stringify(formData, null, 2));
136        document.getElementById('loaderContainer').style.display = 'block';
137
138        saveFormDataSp();
139        form.submit();
140        window.location.href = window.location.origin + '/kaitori/car/form-value-sp/#form-sp-link';
141    }
142}
143
144document.addEventListener('input', function() {
145    const form = document.getElementById('carFormSp');
146    
147    if (form.checkValidity()) {
148        handleSubmitSp(event);
149    }
150});
151