window.addEventListener("DOMContentLoaded", init) function init() { // Set required fields const requiredFields = [ "civilite_ref_id", "level_ref_id", "formation_souhaitee_formation_id", "combo_marketing_plan" ] requiredFields.forEach(field => { document.querySelector(`[name=${field}]`).setAttribute("required", "required") }) // UTM Handlers const watchedUtm = ["utm_source", "utm_campaign", "utm_medium"] const sentUtm = { utm_source: "", utm_campaign: "", utm_medium: "" } const params = window.location.search.substring(1) let paramsAsArray = (params !== "") ? params.split("&") : [] paramsAsArray.forEach(param => { param = param.split("=") if(param[1] && watchedUtm.includes(param[0])) { sentUtm[param[0]] = param[1] } }) document.querySelector("input[name=utm_source]").value = sentUtm.utm_source document.querySelector("input[name=utm_campagne]").value = sentUtm.utm_campaign document.querySelector("input[name=utm_medium]").value = sentUtm.utm_medium // Import url_retour input if(!params.includes("url_retour")) { let urlRetour = document.createElement("input") urlRetour.setAttribute("type", "hidden") urlRetour.setAttribute("name", "url_retour") urlRetour.setAttribute("value", paramsAsArray.length > 0 ? `${window.location}&url_retour` : `${window.location}?url_retour`) document.querySelector("#oscar_school_form").append(urlRetour) } // Handle redirection const returnPage = "https://www.esol-optique.fr/details-votre+demande+de+brochure+et+de+dossier+de+candidature+a+montpellier-2716.html" if(params.includes("url_retour")) { let reconstructedUrl = [] for(let utm in sentUtm) { if(sentUtm[utm]) { reconstructedUrl.push(`${utm}=${sentUtm[utm]}`) } } if(reconstructedUrl.length > 0) { window.top.location.href = `${returnPage}?${reconstructedUrl.join("&")}` } else { window.top.location = returnPage } } } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; color: #343434; } a, a:hover { color: #7a9e05; } h1 { font-size: 28px; font-weight: 600; color: #7a9e05; text-transform: uppercase; } h2 { font-size: 24px; margin: 1.5em 0; } sup, sup.oscar_input_required { font-style: italic; color: #f00; } .form-group > label { text-transform: uppercase; } .form-control { border-color: #e6e6e6; } .form-control:focus { border-color: #7a9e05; box-shadow: 0 0 0 .2rem rgb(122 158 5 /25%); } .form-control + small { display: none; } .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus { min-height: 40px; padding: 0 22px; font-weight: 700; text-transform: uppercase; background: #050505; border-color: #050505; box-shadow: none; } .btn-primary:hover { background: #808080; border-color: #808080; } .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(22, 18, 20, .15); } .oscar_input_required { font-style: italic; color: #808080; } .form-group-btn { text-align: center; } .username_field { display: none; }