var isMobile = true; const urlParams = ['gclid','FBCLID','utm_campaign','utm_term','utm_content','utm_source','utm_medium','dsid','dscid']; var form; const leadSource = 'Kontaktformular daheim-solar.de'; window.addEventListener("load", function() { document.getElementById("first_name").focus(); // Access the form element... form = document.getElementById( "leadForm" ); // ...and take over its submit event. form.addEventListener( "submit", function ( event ) { event.preventDefault(); form.submit.disabled = 'true'; sendData(event); }); let required_inputs = document.querySelectorAll("[required]"); required_inputs.forEach((el) => { document.querySelector("label[for='" + el.id + "']").classList.add("required"); }) isMobile = window.matchMedia("only screen and (max-width: 760px)").matches; }); function sendData() { const XHR = new XMLHttpRequest(); //const cssBaseURL = "https://kundenportal.daheim-solar.de"; const leadBaseURL = "https://daheimleads.secure.force.com"; //Sandbox URLs //const leadBaseURL = "https://mitdaten-daheimleads.cs89.force.com"; //const cssBaseURL = "https://mitdaten-myeness.cs89.force.com/kundenportal"; XHR.addEventListener("load", function(event) { document.getElementById("last").classList.add("hidden"); document.getElementById("form_submitted").classList.remove("hidden"); }); // Define what happens in case of error XHR.addEventListener("error", function(event) { document.getElementById("last").classList.add("hidden"); document.getElementById("form_submitted_error").classList.remove("hidden"); document.getElementById("leadForm").submit.removeAttribute('disabled'); alert( 'Oops! Leider ist ein Fehler aufgetreten. Status-Code: ' + XHR.status + ', Details: ' + XHR.response); }); // Set up our request XHR.open( "POST", leadBaseURL + "/hooks/services/apexrest/Lead/" ); XHR.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); var query = new URLSearchParams(); const formParams = ['first_name','last_name','street','postalCode','city','phone','email','attention','GDPR','Kommentar']; formParams.forEach(element => { if(document.getElementById(element)) { query.append(element, document.getElementById(element).value); } }); /*Array.from(form.children).forEach(el => { if(el.id) query.append(el.id, el.value); });*/ //system variables query.append('referer_url', location); if(isMobile) query.append('lead_source', leadSource + ' (mobil)'); else query.append('lead_source', leadSource); let myStorage = window.sessionStorage; urlParams.forEach(element => { if(myStorage.getItem(element)) { query.append(element, myStorage.getItem(element)); } }); console.log(query.toString()); XHR.send(query.toString()); }