344 lines
14 KiB
HTML
344 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#
|
||
" lang="es">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="description" content="Formulario de inscripción en EDUCATIC">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Formulario de inscripción | EDUCATIC</title>
|
||
<link href="../assets/css/all-nocdn.css" rel="stylesheet" type="text/css">
|
||
<meta name="theme-color" content="#5670d4">
|
||
<meta name="generator" content="Nikola (getnikola.com)">
|
||
<link rel="canonical" href="https://educatic.txs.es/inscription/">
|
||
<link rel="shortcut icon" href="../assets/img/favicon.ico" sizes="48x48">
|
||
<link rel="icon" href="../assets/img/favicon-96x96.png" sizes="96x96">
|
||
<link rel="icon" href="../assets/img/favicon.svg" sizes="">
|
||
<link rel="apple-touch-icon" href="../assets/img/apple-touch-icon.png" sizes="180x180">
|
||
<link rel="manifest" href="../assets/img/site.webmanifest" sizes="">
|
||
<!--[if lt IE 9]><script src="../assets/js/html5.js"></script><![endif]--><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
|
||
<link href="../assets/css/mastodon-timeline.min.css" rel="stylesheet">
|
||
<meta name="author" content="Educatic">
|
||
<meta property="og:site_name" content="EDUCATIC">
|
||
<meta property="og:title" content="Formulario de inscripción">
|
||
<meta property="og:url" content="https://educatic.txs.es/inscription/">
|
||
<meta property="og:description" content="Formulario de inscripción en EDUCATIC">
|
||
<meta property="og:type" content="article">
|
||
<meta property="article:published_time" content="2025-08-15T11:55:30+01:00">
|
||
</head>
|
||
<body>
|
||
<a href="#content" class="sr-only sr-only-focusable">Ir al contenido principal</a>
|
||
|
||
<!-- Menubar -->
|
||
|
||
<nav class="navbar navbar-expand-md static-top mb-4
|
||
navbar-dark
|
||
bg-dark
|
||
"><div class="container-xl">
|
||
<!-- This keeps the margins nice -->
|
||
<a class="navbar-brand" href="../">
|
||
<img src="../assets/img/educatic_logo_w.svg" alt="EDUCATIC" id="logo" class="d-inline-block align-top"></a>
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
|
||
<div class="collapse navbar-collapse" id="bs-navbar">
|
||
<ul class="navbar-nav mr-auto">
|
||
<li class="nav-item dropdown">
|
||
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Acerca de ...</a>
|
||
<div class="dropdown-menu">
|
||
<a href="../project/" class="dropdown-item">Visión y proyecto</a>
|
||
<a href="../team/" class="dropdown-item">Equipo y colaboraciones</a>
|
||
<a href="../foundation/" class="dropdown-item">Fundación TXS.es</a>
|
||
<a href="../communications/" class="dropdown-item">Comunicaciones</a>
|
||
<a href="../contact/" class="dropdown-item">Contacto</a>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="../services/" class="nav-link">Servicios</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="../join/" class="nav-link">Asóciate</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="../donate/" class="nav-link">Donar</a>
|
||
|
||
|
||
</li>
|
||
</ul>
|
||
<ul class="navbar-nav navbar-right"></ul>
|
||
</div>
|
||
<!-- /.navbar-collapse -->
|
||
</div>
|
||
<!-- /.container -->
|
||
</nav><!-- End of Menubar --><div class="container-xl" id="content" role="main">
|
||
<div class="body-content">
|
||
<div class="row">
|
||
<div class="col">
|
||
<!--Body content-->
|
||
|
||
|
||
|
||
<article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header style="background-image: url(../assets/img/header.jpg); height: 100px;"><div style="font-size:50px;">
|
||
|
||
<h1 class="p-name entry-title" itemprop="headline name">
|
||
<!--a href="/inscription/" class="u-url"-->Formulario de inscripción<!--/a-->
|
||
</h1>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</header><div class="e-content entry-content" itemprop="articleBody text">
|
||
<p></p>
|
||
<form action="https://nube.txs.es/ocs/v2.php/apps/forms/api/v1.1/submission/insert" id="form-6">
|
||
<div id="form-6-messages"></div>
|
||
|
||
<div class="mb-3">
|
||
<label for="6-question-21" class="form-label">Nombre
|
||
*
|
||
</label>
|
||
<input type="text" class="form-control" id="6-question-21" aria-label="A short answer to question 'Nombre'" placeholder="Enter a short answer" maxlength="4096" minlength="1" required < div><div class="mb-3">
|
||
<label for="6-question-22" class="form-label">Apellido 1
|
||
*
|
||
</label>
|
||
<input type="text" class="form-control" id="6-question-22" aria-label="A short answer to question 'Apellido 1'" placeholder="Enter a short answer" maxlength="4096" minlength="1" required < div><div class="mb-3">
|
||
<label for="6-question-23" class="form-label">Apellido 2
|
||
</label>
|
||
<input type="text" class="form-control" id="6-question-23" aria-label="A short answer to question 'Apellido 2'" placeholder="Enter a short answer" maxlength="4096" minlength="1" < div><div class="mb-3">
|
||
<label for="6-question-24" class="form-label">NIF / NIE
|
||
</label>
|
||
<input type="text" class="form-control" id="6-question-24" aria-label="A short answer to question 'NIF / NIE'" placeholder="Enter a short answer" maxlength="4096" minlength="1" < div><div class="mb-3">
|
||
<label for="6-question-25" class="form-label">Correo electrónico
|
||
*
|
||
</label>
|
||
<input type="text" class="form-control" id="6-question-25" aria-label="A short answer to question 'Correo electrónico'" placeholder="Enter a short answer" maxlength="4096" minlength="1" required < div><div class="mb-3">
|
||
<label for="6-question-26" class="form-label">Teléfono (opcional)
|
||
</label>
|
||
<input type="text" class="form-control" id="6-question-26" aria-label="A short answer to question 'Teléfono (opcional)'" placeholder="Enter a short answer" maxlength="4096" minlength="1" < div><div class="mb-3">
|
||
<label for="6-question-27" class="form-label">Elije tipo de inscripción
|
||
*
|
||
</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" required name="6-question-27" id="6-question-27-answer-17"><label class="form-check-label" for="6-question-27-answer-17">
|
||
Socio/a
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" required name="6-question-27" id="6-question-27-answer-18"><label class="form-check-label" for="6-question-27-answer-18">
|
||
Socio/a estudiante
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" required name="6-question-27" id="6-question-27-answer-19"><label class="form-check-label" for="6-question-27-answer-19">
|
||
Amigo/a EDUCATIC
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" required name="6-question-27" id="6-question-27-answer-20"><label class="form-check-label" for="6-question-27-answer-20">
|
||
Profesor/a innovación docente
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="6-question-28" class="form-label">Elige tu cuota
|
||
</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="6-question-28" id="6-question-28-answer-27"><label class="form-check-label" for="6-question-28-answer-27">
|
||
5 €/semestre (solo socio/a estudiante)
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="6-question-28" id="6-question-28-answer-21"><label class="form-check-label" for="6-question-28-answer-21">
|
||
5 €/mes
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="6-question-28" id="6-question-28-answer-22"><label class="form-check-label" for="6-question-28-answer-22">
|
||
10 €/mes
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="6-question-28" id="6-question-28-answer-23"><label class="form-check-label" for="6-question-28-answer-23">
|
||
15 €/mes
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="6-question-28" id="6-question-28-answer-24"><label class="form-check-label" for="6-question-28-answer-24">
|
||
20 €/mes
|
||
</label>
|
||
</div>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="radio" name="6-question-28" id="6-question-28-answer-25"><label class="form-check-label" for="6-question-28-answer-25">
|
||
30 €/mes
|
||
</label>
|
||
</div>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="6-question-30" class="form-label">Observaciones
|
||
</label>
|
||
<textarea class="form-control" id="6-question-30" aria-label="A long answer to the question 'Observaciones'" placeholder="Enter a long text" maxlength="4096" minlength="1" rows="3">
|
||
</textarea>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="6-question-29" class="form-label">Acepto que la asociación EDUCATIC trate los anteriores datos personales para la gestión de mi condición de socio/a o usuario/a, mientras esta dure, y conozco mis derechos de cancelación, oposición, limitación, portabiidad y demás reconocidos en el RGPD. Los datos no serán cedidos a ningún tercero ni saldrán de territorio UE
|
||
*
|
||
</label>
|
||
<div class="form-check">
|
||
<input class="form-check-input" type="checkbox" value="" id="6-question-29-answer-28"><label class="form-check-label" for="6-question-29-answer-28">
|
||
Sí, doy mi consentimiento
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<button type="submit" aria-label="Submit the form" class="btn btn-primary">Submit
|
||
</button>
|
||
|
||
<div style="display: none;" id="form-6-success">
|
||
|
||
¡Muchas gracias! En breve nos pondremos en contacto contigo
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
|
||
</article><!--End of body content-->
|
||
</div>
|
||
|
||
<div class="col-lg-5 col-xl-4">
|
||
<div class="container-xl">
|
||
<img src="../assets/img/mastodon.svg" width="35" height="35" alt="Mastodon" class="d-inline-block align-top">
|
||
</div>
|
||
<!--Mastodon content-->
|
||
|
||
<div class="dummy-wrapper-timeline">
|
||
<!-- Mastodon Timeline -->
|
||
<div id="mt-container" class="mt-container">
|
||
<div class="mt-body" role="feed">
|
||
<div class="mt-loading-spinner"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--End of Mastodon content-->
|
||
</div>
|
||
|
||
<footer id="footer">
|
||
© 2020-2025 Educatic
|
||
-
|
||
<a href="mailto:educatic@txs.es" class="text-dark mx-2" title="Enviar un correo"><i class="fas fa-envelope"></i></a>
|
||
<a href="xmpp:educatic-general@conference.txs.es?join" class="text-dark mx-2" title="Canal de mensajería XMPP"><i class="fas fa-comment"></i></a>
|
||
<a href="https://txs.es/@EDUCATIC" class="text-dark mx-2" title="Mastodon"><i class="fab fa-mastodon"></i></a>
|
||
<a href="https://tuvideo.encanarias.info/accounts/educatic" class="text-dark mx-2" title="PeerTube"><i class="fas fa-video"></i></a>
|
||
-
|
||
<a href="../info/" title="Información legal">Información legal</a>
|
||
-
|
||
Generado con <a href="https://getnikola.com" rel="nofollow">Nikola</a>
|
||
|
||
|
||
|
||
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<script src="../assets/js/all-nocdn.js"></script><script src="../assets/js/mastodon-timeline.umd.js"></script><script>
|
||
const myTimeline = new MastodonTimeline.Init({
|
||
|
||
instanceUrl: "https://txs.es",
|
||
timelineType: "profile",
|
||
userId: "44",
|
||
profileName: "@EDUCATIC",
|
||
defaultTheme: "light",
|
||
dateFormatLocale: "es",
|
||
btnSeeMore: "Ver mas publicaciones en Mastodon",
|
||
btnReload: "Recargar",
|
||
maxNbPostFetch: "5",
|
||
maxNbPostShow: "5",
|
||
|
||
});
|
||
</script><script>
|
||
baguetteBox.run('div#content', {
|
||
ignoreClass: 'islink',
|
||
captions: function(element){var i=element.getElementsByTagName('img')[0];return i===undefined?'':i.alt;}});
|
||
</script><script>(function () {
|
||
function submit(ev) {
|
||
const form = ev.target;
|
||
|
||
ev.preventDefault();
|
||
|
||
const answers = {};
|
||
const [,formId] = form.id.split("-");
|
||
|
||
for (let i = 0; i < form.length; i++) {
|
||
var input = form[i];
|
||
|
||
// extract question id (qid) and answer id (aid)
|
||
var [,,qid,,aid] = input.id.split("-");
|
||
|
||
if ( qid && !(qid in answers) )
|
||
answers[qid] = [];
|
||
|
||
switch (input.type) {
|
||
case "checkbox":
|
||
case "radio":
|
||
if (input.checked)
|
||
answers[qid].push(aid);
|
||
console.log(input.type, input.id, qid, aid, input.checked);
|
||
break;
|
||
|
||
case "select-one":
|
||
case "text":
|
||
case "textarea":
|
||
case "date":
|
||
case "datetime-local":
|
||
if (input.value)
|
||
answers[qid].push(input.value);
|
||
console.log(input.type, input.id, qid, input.value);
|
||
break;
|
||
|
||
default:
|
||
console.log("unknown form element type:", input.type);
|
||
}
|
||
}
|
||
|
||
const request = new XMLHttpRequest();
|
||
request.open("POST", form.action, true);
|
||
request.setRequestHeader("OCS-APIRequest", "true");
|
||
request.setRequestHeader("Accept", "application/json");
|
||
request.setRequestHeader("Content-Type", "application/json");
|
||
request.onload = function () {
|
||
const message = document.getElementById("form-" + formId + "-messages");
|
||
const form = document.getElementById("form-" + formId);
|
||
const success = document.getElementById("form-" + formId + "-success");
|
||
const response = JSON.parse(this.response);
|
||
|
||
if (this.status == 200) {
|
||
// success
|
||
form.style.display = "none";
|
||
success.style.display = "block";
|
||
} else {
|
||
message.innerHTML = '<div class="alert alert-danger" role="alert">' +
|
||
this.statusText + "(" + this.status + "): " +
|
||
response['ocs']['meta']['message'] +
|
||
'</div>';
|
||
}
|
||
};
|
||
request.send(JSON.stringify({'formId': formId, 'answers': answers}));
|
||
}
|
||
|
||
for (let i = 0; i < document.forms.length; i++)
|
||
document.forms[i].onsubmit = submit;
|
||
})();
|
||
</script>
|
||
</body>
|
||
</html>
|