var style = document.createElement("style");var css = "#formulario-container{font-family:Arial,helvetica;font-size:16px;display:flex;flex-direction:column;/*justify-content:center;*/align-items:flex-start;height:100%;width:100%;margin: auto;height:auto;}#idformu{border-top:1px solid gray;border-bottom:1px solid gray;padding-top:4px;padding-bottom:4px;}#idformu h2{margin:10px 0px 6px 0px;color:#4b4b4b !important;font-weight:bold !important;font-size:1.5em !important;margin-top:8px !important;}#formulario-container p{margin:6px 0px 16px 0px;font-size:14px;}form{display:flex;flex-direction:column;margin:0 auto;width:90%;font-size:14px;margin:0%;}form > div{display:flex;flex-direction:column;margin-bottom:18px;align-items:flex-start;}label{display:block;align-items:flex-start;font-weight:bold;margin-bottom:5px;}input, select{padding:5px;font-size:14px;width:100%;box-sizing:border-box;border:#979797 1px solid;border-radius:4px;}input[type=checkbox]{margin-top:5px;margin-right:5px;width:auto;}input[type=checkbox] + span{display:inline-block;vertical-align:middle;}label > div{margin-top:5px;display:flex;align-items:center;font-weight:normal;}button{margin:10px 0px;padding:4px 6px;align-self:flex-end;font-size:16px;width:120px;border-radius:4px;font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#555555;border:1px dotted #555555;font-weight:normal;color:#FFFFFF;text-align:center;cursor:pointer;}#respuesta{width:400px;margin:40px 40px 120px 40px;padding:20px;font-weight:bold;}#respuesta p,#respuesta pre{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;}.men_ok{color:green !important;background:#eee;}.men_error{color:red !important;background:#eee;}";style.innerHTML = css;document.head.appendChild(style);
const labelTexts = ["Nombre *","Apellido/s *","Teléfono con prefijo internacional *","Correo electrónico *","Nacionalidad *","¿Aceptas recibir comunicaciones de la UPV? *","Selecciona una opción","España","Europa","Fuera de Europa","Nombre","Apellidos","34 600000000","tucorreo@mail.com","Introduce un teléfono válido con prefijo 34 600000000","¿Necesitas más información?","Suscríbete y te enviamos información útil sobre los másteres UPV: becas, plazos de inscripción, ventajas para el alumnado...","Enviar","Acepto"];
 function crearFormulario() { const container = document.getElementById("formulario-container");const in_form =document.createElement("div");in_form.id="idformu";container.appendChild(in_form);const title = document.createElement("h2");title.textContent = labelTexts[15];in_form.appendChild(title);const paragraph = document.createElement("p");paragraph.textContent = labelTexts[16];in_form.appendChild(paragraph);const formu = document.createElement("form");formu.id = "formu";formu.innerHTML = ` <div> <label for="nombre">${labelTexts[0]}</label> <input type="text" id="nombre" name="nombre" placeholder="${labelTexts[10]}" required> </div> <div> <label for="apellidos">${labelTexts[1]}</label> <input type="text" id="apellidos" name="apellidos" placeholder="${labelTexts[11]}" required> </div> <div> <label for="tfno">${labelTexts[2]}</label> <input type="text" id="tfno" name="tfno" placeholder="${labelTexts[12]}" title="${labelTexts[14]}" required> </div> <div> <label for="correo">${labelTexts[3]}</label> <input type="email" id="correo" name="correo" placeholder="tucorreo@mail.com" required> </div> <div> <label for="ubicacion">${labelTexts[4]}</label> <select id="ubicacion" name="ubicacion" required> <option value="">${labelTexts[6]}</option> <option value="España">${labelTexts[7]}</option> <option value="Europa">${labelTexts[8]}</option> <option value="Fuera de Europa">${labelTexts[9]}</option> </select> </div> <input type="hidden" id="acronimo" name="acronimo" value="GCRBC=G=i"> <div> <label for="comunicaciones">${labelTexts[5]} <div> <input type="checkbox" id="comunicaciones" name="comunicaciones" required> <span>Acepto<span> </div> </label> </div> <button type="submit">Enviar</button> `;const texto_legal = document.createElement("div");texto_legal.id="legal";texto_legal.innerHTML = "<p>* Tus datos se incorporan a los sistemas de información de la UPV gestionados por el Área de Comunicación con la finalidad de difundir información sobre títulos y actividades para la comunidad universitaria, el futuro alumnado y su entorno. El tratamiento se basa en tu consentimiento. No está prevista la cesión de datos a terceros salvo la posible externalización del servicio de contacto informativo a una empresa debidamente legalizada y con uso limitado a este fin. Pueden ejercerse los derechos de acceso, rectificación, supresión, portabilidad, limitación u oposición al tratamiento mediante el envío de un correo electrónico a <a href=\"mailto:dpd@upv.es\">dpd@upv.es</a>.Consulta la <a href=\"\">política de protección de datos</a>.</p> ";formu.appendChild(texto_legal);in_form.appendChild(formu);container.appendChild(in_form);const respuesta = document.createElement("div");respuesta.id="respuesta";respuesta.textContent = "";container.appendChild(respuesta);formu.addEventListener("submit", (event) => { event.preventDefault();const nombre = document.getElementById("nombre").value;const apellidos = document.getElementById("apellidos").value;const tfno = document.getElementById("tfno").value;const correo = document.getElementById("correo").value;const ubicacion = document.getElementById("ubicacion").value;const comunicaciones = document.getElementById("comunicaciones");const acronimo = document.getElementById("acronimo").value;const datos = { nombre: nombre, apellidos: apellidos, tfno: tfno, correo: correo, ubicacion: ubicacion, comunicaciones: comunicaciones.checked, acronimo: acronimo };enviarDatosAServidor(datos);});} function enviarDatosAServidor(datos) { const endpoint="https://www.upv.es/pls/soalu/sic_ac_titulos.JS_envia_for_dat_cam?P_TIPO=M";const dat = JSON.stringify(datos);const url = endpoint;const p_json = `p_json=${dat}`;fetch(url, { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded", "Sec-Fetch-Site": "same-site" }, body: p_json }) .then((response) => { if (response.ok) { return response.text();} else { throw new Error("Error al enviar el formulario");} }) .then((data) => { const respuesta = document.getElementById("respuesta");if (data.includes("Ok")) { respuesta.innerHTML = data;respuesta.classList.add("men_ok");} else { respuesta.innerHTML = data;respuesta.classList.add("men_error");} const formulario = document.getElementById("idformu");formulario.style.display = "none";}) .catch((error) => { console.error("Error:", error);});} crearFormulario();
