total_1ère

This commit is contained in:
2026-07-20 16:33:04 +02:00
parent dd49ba357b
commit d49cf88d99
275 changed files with 63607 additions and 5599 deletions

View File

@@ -3,5 +3,5 @@
<!-- //////////////////////////// -->
<section class="titre">
<h1>Adhésion annuelle à lAssociation Française pour la Pédagogie Suzuki</h1>
<p>Année 2022/2023 <span class="soft"> du 1er septembre au 31 août</span></p>
<p>Année 2025/2026 <span class="soft"> du 1er septembre au 31 août</span></p>
</section>

View File

@@ -1,28 +0,0 @@
<!-- ---------------------------------- -->
<!-- FORMULAIRE de vérification du mail -->
<!-- ---------------------------------- -->
<form action="" method="post" class="form_check_mail">
<div class="input_box input_email">
<label for="identifiant">Saisissez votre adresse mail</label>
<input type="email" name="identifiant" id="identifiant" placeholder="Votre mail est votre identifiant" value="<% if (locals.identifiant) { %><%= identifiant %><% }; %>" required>
</div>
<div class="input_checkbox">
<input type="checkbox" name="check_prof" id="check_prof">
<label for="check_prof">Vous êtes professeur Suzuki <br>ou vous souhaitez le devenir</label>
</div>
<!-- ---------------------------------- -->
<!-- CLIQUEZ SUR BOUTON ADHÉRER -->
<!-- ---------------------------------- -->
<button type="submit" class="button_icone">
<span class="btn_icone">+</span><span class="btn_texte">ADHÉRER</span>
</button>
</form>
<!-- -->

View File

@@ -38,6 +38,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -83,6 +84,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -190,6 +192,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -236,6 +239,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -346,6 +350,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -392,6 +397,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -500,6 +506,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -546,6 +553,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -653,6 +661,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -699,6 +708,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>

View File

@@ -3,167 +3,12 @@
<!-- FORMULAIRE de saisie des élèves -->
<!-- ---------------------------------- -->
<section id="eleve0"></section>
<section id="eleve" class="">
<!-- ---------------------------------- -->
<!-- ÉLÈVES 1 -->
<!-- ---------------------------------- -->
<div>
<div class="explication">
<br><br>
<p>Ajouter un enfant :</p>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_nom">Nom de famille</label>
<input type="text" name="adherent_eleve1_nom" id="adherent_eleve1_nom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_prenom">Prénom</label>
<input type="text" name="adherent_eleve1_prenom" id="adherent_eleve1_prenom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve1_datenaissance" id="adherent_eleve1_datenaissance" required>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve1_InstrumentA" name="adherent_eleve1_InstrumentA" onchange="select_eleve1_InstrumentA(this)" required>
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve1_InstrumentA_cahier" name="adherent_eleve1_InstrumentA_cahier" required>
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve1_InstrumentA_prof" name="adherent_eleve1_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve1_InstrumentB" name="adherent_eleve1_InstrumentB" onchange="select_eleve1_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve1_InstrumentB_cahier" name="adherent_eleve1_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve1_InstrumentB_prof" name="adherent_eleve1_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve1_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve1_droitimage" name="adherent_eleve1_droitimage" required>
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve1_contactsup_nom" id="adherent_eleve1_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve1_contactsup_prenom" id="adherent_eleve1_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve1_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve1_contactsup_mail" id="adherent_eleve1_contactsup_mail">
</div>
</div>
<!-- ---------------------------------- -->
<!-- Voulez-vous ajouter un élève ? -->
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_eleve2" id="check_eleve2" onclick="ajout_eleve2()">
<label for="check_eleve2">Voulez-vous ajouter un deuxième enfant ?</label>
</div>
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 2 -->
@@ -198,6 +43,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -244,6 +90,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -320,302 +167,7 @@
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 3 -->
<!-- ---------------------------------- -->
<div id="eleve3" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_nom">Nom de famille</label>
<input type="text" name="adherent_eleve3_nom" id="adherent_eleve3_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_prenom">Prénom</label>
<input type="text" name="adherent_eleve3_prenom" id="adherent_eleve3_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve3_datenaissance" id="adherent_eleve3_datenaissance">
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve3_InstrumentA" name="adherent_eleve3_InstrumentA" onchange="select_eleve3_InstrumentA(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve3_InstrumentA_cahier" name="adherent_eleve3_InstrumentA_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve3_InstrumentA_prof" name="adherent_eleve3_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve3_InstrumentB" name="adherent_eleve3_InstrumentB" onchange="select_eleve3_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve3_InstrumentB_cahier" name="adherent_eleve3_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve3_InstrumentB_prof" name="adherent_eleve3_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve3_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve3_droitimage" name="adherent_eleve3_droitimage">
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve3_contactsup_nom" id="adherent_eleve3_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve3_contactsup_prenom" id="adherent_eleve3_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve3_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve3_contactsup_mail" id="adherent_eleve3_contactsup_mail">
</div>
</div>
<!-- ---------------------------------- -->
<!-- Voulez-vous ajouter un élève ? -->
<!-- ---------------------------------- -->
<div class="input_checkbox">
<input type="checkbox" name="check_eleve4" id="check_eleve4" onclick="ajout_eleve4()">
<label for="check_eleve4">Voulez-vous ajouter un quatrième enfant ?</label>
</div>
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 4 -->
<!-- ---------------------------------- -->
<div id="eleve4" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_nom">Nom de famille</label>
<input type="text" name="adherent_eleve4_nom" id="adherent_eleve4_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_prenom">Prénom</label>
<input type="text" name="adherent_eleve4_prenom" id="adherent_eleve4_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve4_datenaissance" id="adherent_eleve4_datenaissance">
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve4_InstrumentA" name="adherent_eleve4_InstrumentA" onchange="select_eleve4_InstrumentA(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve4_InstrumentA_cahier" name="adherent_eleve4_InstrumentA_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve4_InstrumentA_prof" name="adherent_eleve4_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve4_InstrumentB" name="adherent_eleve4_InstrumentB" onchange="select_eleve4_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve4_InstrumentB_cahier" name="adherent_eleve4_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve4_InstrumentB_prof" name="adherent_eleve4_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve4_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve4_droitimage" name="adherent_eleve4_droitimage">
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve4_contactsup_nom" id="adherent_eleve4_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve4_contactsup_prenom" id="adherent_eleve4_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve4_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve4_contactsup_mail" id="adherent_eleve4_contactsup_mail">
</div>
</div>
<!-- ---------------------------------- -->
<!-- Voulez-vous ajouter un élève ? -->
@@ -625,152 +177,9 @@
<label for="check_eleve5">Voulez-vous ajouter un cinquième enfant ?</label>
</div>
</div>
<!-- ---------------------------------- -->
<!-- ÉLÈVES 5 -->
<!-- ---------------------------------- -->
<div id="eleve5" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_nom">Nom de famille</label>
<input type="text" name="adherent_eleve5_nom" id="adherent_eleve5_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_prenom">Prénom</label>
<input type="text" name="adherent_eleve5_prenom" id="adherent_eleve5_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_datenaissance">Date de naissance</label>
<input type="date" name="adherent_eleve5_datenaissance" id="adherent_eleve5_datenaissance">
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentA">Pour l'instrument</label>
<select id="adherent_eleve5_InstrumentA" name="adherent_eleve5_InstrumentA" onchange="select_eleve5_InstrumentA(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentA_cahier">Cahier</label>
<select id="adherent_eleve5_InstrumentA_cahier" name="adherent_eleve5_InstrumentA_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentA_prof">Professeur</label>
<select id="adherent_eleve5_InstrumentA_prof" name="adherent_eleve5_InstrumentA_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentB">Deuxième instrument</label>
<select id="adherent_eleve5_InstrumentB" name="adherent_eleve5_InstrumentB" onchange="select_eleve5_InstrumentB(this)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentB_cahier">Cahier</label>
<select id="adherent_eleve5_InstrumentB_cahier" name="adherent_eleve5_InstrumentB_cahier">
<option value="" selected></option>
<option value="Pré-Twinkle">Pré-Twinkle (débutant)</option>
<option value="Cahier 1">Cahier 1</option>
<option value="Cahier 2">Cahier 2</option>
<option value="Cahier 3">Cahier 3</option>
<option value="Cahier 4">Cahier 4</option>
<option value="Cahier 5">Cahier 5</option>
<option value="Cahier 6">Cahier 6</option>
<option value="Cahier 7">Cahier 7</option>
<option value="Cahier 8">Cahier 8</option>
<option value="Cahier 9">Cahier 9</option>
<option value="Cahier 10">Cahier 10</option>
<option value="Hors cahier">Hors cahier</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_InstrumentB_prof">Professeur</label>
<select id="adherent_eleve5_InstrumentB_prof" name="adherent_eleve5_InstrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_eleve5_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="adherent_eleve5_droitimage" name="adherent_eleve5_droitimage">
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="adherent_eleve5_contactsup_nom" id="adherent_eleve5_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_contactsup_prenom">Prénom</label>
<input type="text" name="adherent_eleve5_contactsup_prenom" id="adherent_eleve5_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_eleve5_contactsup_mail">Mail</label>
<input type="text" name="adherent_eleve5_contactsup_mail" id="adherent_eleve5_contactsup_mail">
</div>
</div>
</div>

View File

@@ -8,17 +8,50 @@
<!-- OUI - IL VEUT SAISIR DIPLOMES -->
<!-- AFFICHER DES INPUTS DIPLOME -->
<!-- ---------------------------------- -->
<%
const regionsEcolesProf = [
'Auvergne-Rhône-Alpes',
'Bourgogne-Franche-Comté',
'Bretagne',
'Centre-Val de Loire',
'Corse',
'Espagne',
'Grand Est',
'Hauts-de-France',
'Île-de-France',
'Normandie',
'Nouvelle-Aquitaine',
'Occitanie',
'Pays de la Loire',
"Provence-Alpes-Côte d'Azur",
'Guadeloupe',
'Martinique',
'Guyane',
'La Réunion',
'Luxembourg',
'Mayotte',
'Polynésie française',
'Nouvelle-Calédonie',
'Saint-Pierre-et-Miquelon',
'Wallis-et-Futuna',
'Saint-Martin',
'Saint-Barthélemy',
'Suisse'
];
%>
<section id="prof_diplome" class="hidden">
<div class="grid_2inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_instrument1">Instrument</label>
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1">
<select id="adherent_prof_instrument1" name="adherent_prof_instrument1" required>
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Contrebasse">Contrebasse</option>
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -28,7 +61,7 @@
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_instrument1_esa">Niveau ESA Obtenu</label>
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa">
<select id="adherent_prof_instrument1_esa" name="adherent_prof_instrument1_esa" required>
<option value="" selected></option>
<option value="Niveau 1">Niveau 1</option>
<option value="Niveau 2">Niveau 2</option>
@@ -50,6 +83,7 @@
<option value="Flûte traversière">Flûte traversière</option>
<option value="Guitare">Guitare</option>
<option value="Harpe">Harpe</option>
<option value="Orgue">Orgue</option>
<option value="Piano">Piano</option>
<option value="Trompette">Trompette</option>
<option value="Violon">Violon</option>
@@ -74,7 +108,7 @@
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_sece">Diplômé SECE (Early Childhood)</label>
<select id="adherent_prof_sece" name="adherent_prof_sece">
<select id="adherent_prof_sece" name="adherent_prof_sece" required>
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
@@ -83,14 +117,15 @@
</div>
<div class="explication">
<p>Renseigner jusqu'à 3 écoles de musique ou classes dans lesquelles vous enseignez selon la pédagogie Suzuki</p>
<div class="explication_pleine_page">
<p>Renseigner jusqu'à 3 <strong>écoles</strong> de musique, <strong>classes</strong> ou <strong>lieux</strong> dans lesquelles vous enseignez la pédagogie Suzuki</p>
<p>Le premier lieu servira de référence pour l'affichage sur la carte de géolocalisation des professeurs du site de l'AFPS. La saisie de la ville et du code postal est importante.</p>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_ecole1">École / classe [1]</label>
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Dans laquelle vous enseignez">
<label for="adherent_prof_ecole1">École / classe / lieu [1]</label>
<input type="text" name="adherent_prof_ecole1" id="adherent_prof_ecole1" placeholder="Lieu dans lequel vous enseignez" required>
</div>
<div class="input_box input_text input_box_gris">
@@ -105,17 +140,27 @@
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_adresse">Adresse</label>
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse">
<input type="text" name="adherent_prof_ecole1_adresse" id="adherent_prof_ecole1_adresse" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_cp">Code postal</label>
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp">
<input type="text" name="adherent_prof_ecole1_cp" id="adherent_prof_ecole1_cp" placeholder="Important pour le référencement dans l'annuaire" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_ville">Ville</label>
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville">
<input type="text" name="adherent_prof_ecole1_ville" id="adherent_prof_ecole1_ville" placeholder="Important pour le référencement dans l'annuaire" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_region">Région</label>
<select id="adherent_prof_ecole1_region" name="adherent_prof_ecole1_region" required>
<option value="" selected></option>
<% regionsEcolesProf.forEach(function(region) { %>
<option value="<%= region %>"><%= region %></option>
<% }); %>
</select>
</div>
</div>
@@ -156,6 +201,16 @@
<label for="adherent_prof_ecole2_ville">Ville</label>
<input type="text" name="adherent_prof_ecole2_ville" id="adherent_prof_ecole2_ville">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole2_region">Région</label>
<select id="adherent_prof_ecole2_region" name="adherent_prof_ecole2_region">
<option value="" selected></option>
<% regionsEcolesProf.forEach(function(region) { %>
<option value="<%= region %>"><%= region %></option>
<% }); %>
</select>
</div>
</div>
<div id="ajout_ecole3" class="ajout_ecole_button">
@@ -193,6 +248,16 @@
<label for="adherent_prof_ecole3_ville">Ville</label>
<input type="text" name="adherent_prof_ecole3_ville" id="adherent_prof_ecole3_ville">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole3_region">Région</label>
<select id="adherent_prof_ecole3_region" name="adherent_prof_ecole3_region">
<option value="" selected></option>
<% regionsEcolesProf.forEach(function(region) { %>
<option value="<%= region %>"><%= region %></option>
<% }); %>
</select>
</div>
</div>
</div>

View File

@@ -1,5 +1,4 @@
<!-- ---------------------------------- -->
<!-- PROF -->
<!-- FORMULAIRE de saisie Infos générales -->
<!-- ---------------------------------- -->
@@ -7,10 +6,6 @@
<!-- ---------------------------------- -->
<!-- AFFICHAGE DU MAIL SAISIE DANS L'ÉCRAN DE VÉRIFICATION DU MAIL -->
<!-- ---------------------------------- -->
<!-- <div class="input_box input_email">
<label for="">VOTRE IDENTIFIANT</label>
<input readonly="readonly" type="email" name="" id="" value="<%= identifiant %>">
</div> -->
<div>
<p>VOTRE IDENTIFIANT : <span class='identifiant'><%= identifiant %></span></p>
@@ -34,22 +29,17 @@
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_nom">Nom</label>
<label for="adherent_nom">Nom*</label>
<input type="text" name="adherent_nom" id="adherent_nom" value="<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prenom">Prénom</label>
<label for="adherent_prenom">Prénom*</label>
<input type="text" name="adherent_prenom" id="adherent_prenom" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_datenaissance">Date de naissance</label>
<input type="date" name="adherent_datenaissance" id="adherent_datenaissance">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_rue">Rue</label>
<label for="adherent_adresse_rue">Rue*</label>
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" required>
</div>
@@ -59,23 +49,25 @@
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_codepostal">Code postal</label>
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal">
<label for="adherent_adresse_codepostal">Code postal*</label>
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_ville">Ville</label>
<label for="adherent_adresse_ville">Ville*</label>
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_adresse_pays">Pays</label>
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays">
<label for="adherent_adresse_pays">Pays*</label>
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays" required>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="adherent_telephone_mobile">Téléphone mobile</label>
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile">
<label for="adherent_telephone_mobile">Téléphone mobile*</label>
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile" required>
</div>
<div class="input_box input_text input_box_gris">