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

@@ -1,6 +1,3 @@
//// AFFICHER DANS LA CONSOLE LE FICHIER APPELÉ
//console.log("NOUS SOMMES DANS LE FICHIER :",__filename);
// Get the modal
var modal = document.getElementById("prelude");

View File

@@ -0,0 +1,148 @@
console.log("On est dans le fichier adhesion_prof.js (de PUBLIC)");
function prof_diplome() {
console.log("On est dans function prof_diplome");
console.log("check_prof_diplome");
// Get the checkbox
var check_prof_diplome = document.getElementById("check_prof_diplome");
// Get the output text
var prof_diplome = document.getElementById("prof_diplome");
console.log("check_prof_diplome", check_prof_diplome);
for (let cssClass of prof_diplome.classList) {
console.log("cssClass: ",cssClass);
};
// If the checkbox is checked, display the output text
if (check_prof_diplome.checked == true){
console.log("if (check_prof_diplome.checked == true)");
console.log("prof_diplome", prof_diplome);
prof_diplome.style.display = "block";
} else {
console.log("ELSE if (check_prof_diplome.checked == true)");
prof_diplome.style.display = "none";
}
}
function prof_formation() {
console.log("On est dans function prof_formation");
// Get the checkbox
var check_prof_formation = document.getElementById("check_prof_formation");
// Get the output text
var prof_formation = document.getElementById("prof_formation");
console.log("check_prof_formation", check_prof_formation);
for (let cssClass of prof_formation.classList) {
console.log("cssClass: ",cssClass);
};
// If the checkbox is checked, display the output text
if (check_prof_formation.checked == true){
console.log("if (check_prof_formation.checked == true)");
console.log("prof_formation", prof_formation);
prof_formation.style.display = "block";
} else {
console.log("ELSE if (check_prof_diplome.checked == true)");
prof_formation.style.display = "none";
}
}
function prof_eleve() {
console.log("On est dans function prof_eleve");
// Get the checkbox
var check_prof_eleve = document.getElementById("check_prof_eleve");
// Get the output text
var eleve = document.getElementById("eleve");
console.log("check_prof_eleve", check_prof_eleve);
for (let cssClass of eleve.classList) {
console.log("cssClass: ",cssClass);
};
// If the checkbox is checked, display the output text
if (check_prof_eleve.checked == true){
console.log("if (check_prof_eleve.checked == true)");
console.log("eleve", eleve);
eleve.style.display = "block";
} else {
console.log("ELSE if (check_prof_eleve.checked == true)");
eleve.style.display = "none";
}
}
function ajout_eleve2() {
console.log("On est dans function ajout_eleve2");
// Get the checkbox
var check_eleve2 = document.getElementById("check_eleve2");
// Get the output text
var eleve2 = document.getElementById("eleve2");
// If the checkbox is checked, display the output text
if (check_eleve2.checked == true){
eleve2.style.display = "block";
} else {
eleve2.style.display = "none";
}
}
function ajout_eleve3() {
console.log("On est dans function ajout_eleve3");
// Get the checkbox
var check_eleve3 = document.getElementById("check_eleve3");
// Get the output text
var eleve3 = document.getElementById("eleve3");
// If the checkbox is checked, display the output text
if (check_eleve3.checked == true){
eleve3.style.display = "block";
} else {
eleve3.style.display = "none";
}
}
function ajout_eleve4() {
// Get the checkbox
var check_eleve4 = document.getElementById("check_eleve4");
// Get the output text
var eleve4 = document.getElementById("eleve4");
// If the checkbox is checked, display the output text
if (check_eleve4.checked == true){
eleve4.style.display = "block";
} else {
eleve4.style.display = "none";
}
}
function ajout_eleve5() {
// Get the checkbox
var check_eleve5 = document.getElementById("check_eleve5");
// Get the output text
var eleve5 = document.getElementById("eleve5");
// If the checkbox is checked, display the output text
if (check_eleve5.checked == true){
eleve5.style.display = "block";
} else {
eleve5.style.display = "none";
}
}

View File

@@ -1,148 +1,446 @@
// ADHESION AFPS
// REMPLIR LE FORMULAIRE POUR LES PROF (diplome ou formation)
console.log("On est dans le fichier adhesion_prof.js (de PUBLIC)");
/////////////////////////////////////////
// VARIABLE
function prof_diplome() {
console.log("On est dans function prof_diplome");
console.log("check_prof_diplome");
// Get the checkbox
var check_prof_diplome = document.getElementById("check_prof_diplome");
// Get the output text
var prof_diplome = document.getElementById("prof_diplome");
console.log("check_prof_diplome", check_prof_diplome);
for (let cssClass of prof_diplome.classList) {
console.log("cssClass: ",cssClass);
};
const regionsEcolesProfOptions = `
<option value="" selected></option>
<option value="Auvergne-Rhône-Alpes">Auvergne-Rhône-Alpes</option>
<option value="Bourgogne-Franche-Comté">Bourgogne-Franche-Comté</option>
<option value="Bretagne">Bretagne</option>
<option value="Centre-Val de Loire">Centre-Val de Loire</option>
<option value="Corse">Corse</option>
<option value="Espagne">Espagne</option>
<option value="Grand Est">Grand Est</option>
<option value="Hauts-de-France">Hauts-de-France</option>
<option value="Île-de-France">Île-de-France</option>
<option value="Normandie">Normandie</option>
<option value="Nouvelle-Aquitaine">Nouvelle-Aquitaine</option>
<option value="Occitanie">Occitanie</option>
<option value="Pays de la Loire">Pays de la Loire</option>
<option value="Provence-Alpes-Côte d'Azur">Provence-Alpes-Côte d'Azur</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Martinique">Martinique</option>
<option value="Guyane">Guyane</option>
<option value="La Réunion">La Réunion</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Mayotte">Mayotte</option>
<option value="Polynésie française">Polynésie française</option>
<option value="Nouvelle-Calédonie">Nouvelle-Calédonie</option>
<option value="Saint-Pierre-et-Miquelon">Saint-Pierre-et-Miquelon</option>
<option value="Wallis-et-Futuna">Wallis-et-Futuna</option>
<option value="Saint-Martin">Saint-Martin</option>
<option value="Saint-Barthélemy">Saint-Barthélemy</option>
<option value="Suisse">Suisse</option>
`;
// If the checkbox is checked, display the output text
if (check_prof_diplome.checked == true){
console.log("if (check_prof_diplome.checked == true)");
console.log("prof_diplome", prof_diplome);
prof_diplome.style.display = "block";
/////////////////////////////////////////
// SAISIE DES INFORMATIONS POUR UN DIPLOME
/////////////////////////////////////////
// quand le visiteur clique sur "ajouter un diplôme"
function ajout_prof_diplome(checkboxElem) {
// si box diplome checked on affiche
if (checkboxElem.checked) {
affiche_prof_diplome();
} else {
console.log("ELSE if (check_prof_diplome.checked == true)");
prof_diplome.style.display = "none";
// si box diplome unchecked on supprime
remove_prof_diplome();
}
}
// AFFICHER LA SAISIE DES INFORMATIONS POUR LE DIPLOME
function affiche_prof_diplome() {
console.log("On est dans function affiche_prof_diplome");
function prof_formation() {
contenuhtml_diplome = `
<div id="diplome1">
<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" 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>
<option value="Violoncelle">Violoncelle</option>
</select>
</div>
<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" required>
<option value="" selected></option>
<option value="Niveau 1">Niveau 1</option>
<option value="Niveau 2">Niveau 2</option>
<option value="Niveau 3">Niveau 3</option>
<option value="Niveau 4">Niveau 4</option>
<option value="Niveau 5">Niveau 5</option>
<option value="Instructeur 1">Instructeur (année 1)</option>
<option value="Instructeur 2">Instructeur (année 2)</option>
<option value="Formateur">Formateur</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_instrument2">Deuxième instrument</label>
<select id="adherent_prof_instrument2" name="adherent_prof_instrument2">
<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>
<option value="Violoncelle">Violoncelle</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_instrument2_esa">Niveau ESA Obtenu</label>
<select id="adherent_prof_instrument2_esa" name="adherent_prof_instrument2_esa">
<option value="" selected></option>
<option value="Niveau 1">Niveau 1</option>
<option value="Niveau 2">Niveau 2</option>
<option value="Niveau 3">Niveau 3</option>
<option value="Niveau 4">Niveau 4</option>
<option value="Niveau 5">Niveau 5</option>
<option value="Instructeur 1">Instructeur (année 1)</option>
<option value="Instructeur 2">Instructeur (année 2)</option>
<option value="Formateur">Formateur</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_sece">Diplômé SECE (Early Childhood)* <span onclick="document.querySelector('#savoirplus_SECE').classList.toggle('ouvrir')"><img class='savoirplus_icone' src="/public/images/icones/icone_infos.png" alt="icone information à cliquer"></span></label>
<select id="adherent_prof_sece" name="adherent_prof_sece" required>
<option value="" selected></option>
<option value="oui">Oui</option>
<option value="non">Non</option>
</select>
</div>
</div>
<section class="savoirplus_stage">
<div id="savoirplus_SECE" class="savoirplus_content displaynone">
<span onclick="document.querySelector('#savoirplus_SECE').classList.toggle('ouvrir')"><img class='close_icone' src="/public/images/icones/icone_close.png" alt="icone information à cliquer"></span>
<p class="rouge">SECE = Suzuki Early Childhood Education</p>
<br>
<p>Etes-vous diplômé de SECE ?</p>
<br>
<p>Sélectionner "oui" si vous avez le diplôme SECE.</p>
<p></p>
<br>
</div>
</section>
<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 / 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">
<label for="adherent_prof_ecole1_mail">Mail</label>
<input type="text" name="adherent_prof_ecole1_mail" id="adherent_prof_ecole1_mail">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole1_web">Site internet</label>
<input type="text" name="adherent_prof_ecole1_web" id="adherent_prof_ecole1_web">
</div>
<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" 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" 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" 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>
${regionsEcolesProfOptions}
</select>
</div>
</div>
<div id="ajout_ecole2" class="ajout_ecole_button">
<p onclick="ajout_ecole(2)">Vous souhaitez ajouter une autre école </p>
</div>
<div id="ajout_ecole2_content" class="hidden">
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_ecole2">École / classe [2]</label>
<input type="text" name="adherent_prof_ecole2" id="adherent_prof_ecole2" placeholder="Dans laquelle vous enseignez">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole2_mail">Mail</label>
<input type="text" name="adherent_prof_ecole2_mail" id="adherent_prof_ecole2_mail">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole2_web">Site internet</label>
<input type="text" name="adherent_prof_ecole2_web" id="adherent_prof_ecole2_web">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole2_adresse">Adresse</label>
<input type="text" name="adherent_prof_ecole2_adresse" id="adherent_prof_ecole2_adresse">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole2_cp">Code postal</label>
<input type="text" name="adherent_prof_ecole2_cp" id="adherent_prof_ecole2_cp">
</div>
<div class="input_box input_text input_box_gris">
<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">
${regionsEcolesProfOptions}
</select>
</div>
</div>
<div id="ajout_ecole3" class="ajout_ecole_button">
<p onclick="ajout_ecole(3)">Vous souhaitez ajouter une autre école </p>
</div>
<div id="ajout_ecole3_content" class="grid_3inputs hidden">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_ecole3">École / classe [3]</label>
<input type="text" name="adherent_prof_ecole3" id="adherent_prof_ecole3" placeholder="Dans laquelle vous enseignez">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole3_mail">Mail</label>
<input type="text" name="adherent_prof_ecole3_mail" id="adherent_prof_ecole3_mail">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole3_web">Site internet</label>
<input type="text" name="adherent_prof_ecole3_web" id="adherent_prof_ecole3_web">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole3_adresse">Adresse</label>
<input type="text" name="adherent_prof_ecole3_adresse" id="adherent_prof_ecole3_adresse">
</div>
<div class="input_box input_text input_box_gris">
<label for="adherent_prof_ecole3_cp">Code postal</label>
<input type="text" name="adherent_prof_ecole3_cp" id="adherent_prof_ecole3_cp">
</div>
<div class="input_box input_text input_box_gris">
<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">
${regionsEcolesProfOptions}
</select>
</div>
</div>
</div>
</div>
`;
// AFFICHER LE FORMULAIRE DE SAISIE DU DIPLOME
document.querySelector('#diplome0').innerHTML = contenuhtml_diplome;
}
// LORS DE SAISIE DU DIPLOME AJOUT JUSQU'À 3 ÉCOLES
function ajout_ecole(e) {
console.log("on est dans toto");
ajout_ecole_content = document.getElementById("ajout_ecole"+ e +"_content");
ajout_ecole_content.classList.remove('hidden');
}
// SUPPRIMER LA SAISIE DES INFORMATIONS POUR LE DIPLOME
function remove_prof_diplome() {
document.querySelector('#diplome1').remove();
}
/////////////////////////////////////////
// SAISIE DES INFORMATIONS POUR UN LA FORMATION DE PROF
/////////////////////////////////////////
// quand le visiteur clique sur "obtenir un diplome"
function ajout_prof_formation(checkboxElem) {
// si box diplome checked on affiche
if (checkboxElem.checked) {
affiche_prof_formation();
} else {
// si box diplome unchecked on supprime
remove_prof_formation();
}
}
// AFFICHER LA SAISIE DES INFORMATIONS POUR LA FORMATION
function affiche_prof_formation() {
console.log("On est dans function prof_formation");
// Get the checkbox
var check_prof_formation = document.getElementById("check_prof_formation");
// Get the output text
var prof_formation = document.getElementById("prof_formation");
contenuhtml_formation = `
<div id="formation1">
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_stagiaire_instrument1">Je suis en formation en :*</label>
<select id="adherent_prof_stagiaire_instrument1" name="adherent_prof_stagiaire_instrument1" onchange="select_prof_stagiaire_instrument(1)" required>
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Piano">Piano</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
</select>
</div>
console.log("check_prof_formation", check_prof_formation);
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_stagiaire_instrument1_esa">Niveau*</label>
<select id="adherent_prof_stagiaire_instrument1_esa" name="adherent_prof_stagiaire_instrument1_esa" required>
<option value="" selected></option>
<option value="Niveau 1">Niveau 1</option>
<option value="Niveau 2">Niveau 2</option>
<option value="Niveau 3">Niveau 3</option>
<option value="Niveau 4">Niveau 4</option>
<option value="Niveau 5">Niveau 5</option>
<option value="Instructeur 1">Instructeur (année 1)</option>
<option value="Instructeur 2">Instructeur (année 2)</option>
</select>
</div>
for (let cssClass of prof_formation.classList) {
console.log("cssClass: ",cssClass);
};
<div class="input_box input_text input_box_bleu" id="select_adherent_prof_stagiaire_instrument1_prof">
<label for="adherent_prof_stagiaire_instrument1_prof">Formateur*</label>
<select id="adherent_prof_stagiaire_instrument1_prof" name="adherent_prof_stagiaire_instrument1_prof" required>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_stagiaire_instrument2">Ajout d'une autre formation :</label>
<select id="adherent_prof_stagiaire_instrument2" name="adherent_prof_stagiaire_instrument2" onchange="select_prof_stagiaire_instrument(2)">
<option value="" selected></option>
<option value="Alto">Alto</option>
<option value="Piano">Piano</option>
<option value="Violon">Violon</option>
<option value="Violoncelle">Violoncelle</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_stagiaire_instrument2_esa">Niveau</label>
<select id="adherent_prof_stagiaire_instrument2_esa" name="adherent_prof_stagiaire_instrument2_esa">
<option value="" selected></option>
<option value="Niveau 1">Niveau 1</option>
<option value="Niveau 2">Niveau 2</option>
<option value="Niveau 3">Niveau 3</option>
<option value="Niveau 4">Niveau 4</option>
<option value="Niveau 5">Niveau 5</option>
<option value="Instructeur 1">Instructeur (année 1)</option>
<option value="Instructeur 2">Instructeur (année 2)</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="adherent_prof_stagiaire_instrument2_prof">Formateur</span></label>
<select id="adherent_prof_stagiaire_instrument2_prof" name="adherent_prof_stagiaire_instrument2_prof">
</select>
</div>
</div>
</div>
`;
// If the checkbox is checked, display the output text
if (check_prof_formation.checked == true){
console.log("if (check_prof_formation.checked == true)");
console.log("prof_formation", prof_formation);
prof_formation.style.display = "block";
} else {
console.log("ELSE if (check_prof_diplome.checked == true)");
// AFFICHER LE FORMULAIRE DE SAISIE DU DIPLOME
document.querySelector('#formation0').innerHTML = contenuhtml_formation;
prof_formation.style.display = "none";
}
}
function prof_eleve() {
console.log("On est dans function prof_eleve");
// Get the checkbox
var check_prof_eleve = document.getElementById("check_prof_eleve");
// Get the output text
var eleve = document.getElementById("eleve");
console.log("check_prof_eleve", check_prof_eleve);
for (let cssClass of eleve.classList) {
console.log("cssClass: ",cssClass);
};
// QUEL PROF POUR QUEL INSTRUMENT
function select_prof_stagiaire_instrument(e) {
console.log("instrument = " + e);
let instrument_saisie = document.getElementById("adherent_prof_stagiaire_instrument"+ e +"").value;
console.log("instrument_saisie = ", instrument_saisie);
if (instrument_saisie == "Alto"){
contenuhtml_prof = `<option value="" selected></option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Piano"){
contenuhtml_prof = `<option value="" selected></option>
<option value="PERRIN Véronique">PERRIN Véronique</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Violon"){
contenuhtml_prof = `<option value="" selected></option>
<option value="BOSSUAT Christophe">BOSSUAT Christophe</option>
<option value="MARTIN Joanne">MARTIN Joanne</option>
<option value="PROST Geneviève">PROST Geneviève</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Violoncelle"){
contenuhtml_prof = `<option value="" selected></option>
<option value="LATIL Chantal">LATIL Chantal</option>
<option value="RIVERA Ruben">RIVERA Ruben</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("adherent_prof_stagiaire_instrument"+ e +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
// If the checkbox is checked, display the output text
if (check_prof_eleve.checked == true){
console.log("if (check_prof_eleve.checked == true)");
console.log("eleve", eleve);
eleve.style.display = "block";
} else {
console.log("ELSE if (check_prof_eleve.checked == true)");
eleve.style.display = "none";
}
}
function ajout_eleve2() {
console.log("On est dans function ajout_eleve2");
// Get the checkbox
var check_eleve2 = document.getElementById("check_eleve2");
// Get the output text
var eleve2 = document.getElementById("eleve2");
// If the checkbox is checked, display the output text
if (check_eleve2.checked == true){
eleve2.style.display = "block";
} else {
eleve2.style.display = "none";
}
// SUPPRIMER LA SAISIE DES INFORMATIONS POUR LA FORMATION
function remove_prof_formation() {
document.querySelector('#formation1').remove();
}
function ajout_eleve3() {
console.log("On est dans function ajout_eleve3");
// Get the checkbox
var check_eleve3 = document.getElementById("check_eleve3");
// Get the output text
var eleve3 = document.getElementById("eleve3");
// If the checkbox is checked, display the output text
if (check_eleve3.checked == true){
eleve3.style.display = "block";
} else {
eleve3.style.display = "none";
}
}
function ajout_eleve4() {
// Get the checkbox
var check_eleve4 = document.getElementById("check_eleve4");
// Get the output text
var eleve4 = document.getElementById("eleve4");
// If the checkbox is checked, display the output text
if (check_eleve4.checked == true){
eleve4.style.display = "block";
} else {
eleve4.style.display = "none";
}
}
function ajout_eleve5() {
// Get the checkbox
var check_eleve5 = document.getElementById("check_eleve5");
// Get the output text
var eleve5 = document.getElementById("eleve5");
// If the checkbox is checked, display the output text
if (check_eleve5.checked == true){
eleve5.style.display = "block";
} else {
eleve5.style.display = "none";
}
}

459
public/js/adhesion/eleve.js Normal file
View File

@@ -0,0 +1,459 @@
// ADHESION AFPS
// REMPLIR LE FORMULAIRE POUR LES ÉLÈVES
/////////////////////////////////////////
/////////////////////////////////////////
// ÉLÈVE
// 5 MAX
/////////////////////////////////////////
/////////////////////////////////////////
/////////////////////////////////////////
// VARIABLE
var eleve = "0";
var instrumentAB;
let contenuhtml_eleve;
/////////////////////////////////////////
// AU CHARGEMENT DE LA PAGE UNIQUEMENT POUR LES FAMILLES, PAS POUR LES PROFS
// ON AFFICHE LE PREMIER ELEVE
if (window.location.pathname === "/adhesion/adhesion_famille") {
window.onload = ajout_eleve(0);
};
// quand le visiteur clique sur "ajouter un élève"
function ajout_eleve(eleve) {
afficheeleve(eleve);
}
function ajout_prof_eleve(checkboxElem,eleve) {
// si box diplome checked on affiche
if (checkboxElem.checked) {
// On vérifie que la prof ou le statgiaire s'inscrit également
if (check_prof_diplome.checked || check_prof_formation.checked) {
afficheeleve(eleve);
} else {
alert("Vous devez ajouter un diplôme ou une formation pour le professeur avant d'ajouter son enfant");
}
} else {
// si box diplome unchecked on supprime
supprimer_eleve_all();
}
}
/////////////////////////////////////////
// SAISIE DES INFORMATIONS POUR UN ÉLÈVE
/////////////////////////////////////////
function afficheeleve(eleve) {
eleve++;
// Le nombre d'élève est atteint
if (eleve > 5 ) {
console.log("5 élèves maximum atteint");
return;
}
// on rempli la variable "contenuhtml_eleve" du contenu html à afficher
// Ce if sert pour ne pas répéter plusieurs fois le même numéro de eleve si l'internaute clique plusieurs fois sur le même "ajouter une eleve"
if (!document.querySelector('#eleve'+ eleve +'')) {
contenuhtml_eleve = `<section id="eleve`+ eleve +`" class="personne">
<h2><img class='icone_titre' src="/public/images/icones/icone_personne.png" alt="icone information">ÉLÈVE <span class="rouge numero">`+ eleve +`</span>`;
// Permettre de supprimer les élèves ajoutés
if (eleve > 1) {
contenuhtml_eleve += ` <span class="remove_personne"><input class="input_suppr" type="checkbox" name="check_eleve_delete`+ eleve +`" id="check_eleve_delete`+ eleve +`" onchange="supprimer_eleve(`+ eleve +`)"><label class="label_suppr" for="check_eleve_delete`+ eleve +`">Supprimer cet eleve</label></span>`;
};
contenuhtml_eleve += `</h2>
<div class="grid_3inputs">
<div class="input_box input_text input_box_gris">
<label for="eleve_`+ eleve +`_nom">Nom de famille *</label>
<input type="text" name="eleve_`+ eleve +`_nom" id="eleve_`+ eleve +`_nom" title="Nom de famille de l'élève" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="eleve_`+ eleve +`_prenom">Prénom *</label>
<input type="text" name="eleve_`+ eleve +`_prenom" id="eleve_`+ eleve +`_prenom" title="Prénom de l'élève" required>
</div>
<div class="input_box input_text input_box_gris">
<label for="eleve_`+ eleve +`_datenaissance">Date de naissance *</label>
<input type="date" name="eleve_`+ eleve +`_datenaissance" id="eleve_`+ eleve +`_datenaissance" title="Date de naissance de l'élève" required>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="eleve_`+ eleve +`_instrumentA">Premier instrument *</label>
<select id="eleve_`+ eleve +`_instrumentA" name="eleve_`+ eleve +`_instrumentA" title="De quel instrument joue l'élève ?" required onchange="select_prof(`+eleve+`,'A')">
<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>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="eleve_`+ eleve +`_instrumentA_cahier">Cahier *</label>
<select id="eleve_`+ eleve +`_instrumentA_cahier" name="eleve_`+ eleve +`_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="eleve_`+ eleve +`_instrumentA_prof">Professeur *</label>
<select id="eleve_`+ eleve +`_instrumentA_prof" name="eleve_`+ eleve +`_instrumentA_prof" required>
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text input_box_bleu">
<label for="eleve_`+ eleve +`_instrumentB">Possibilité deuxième instrument</label>
<select id="eleve_`+ eleve +`_instrumentB" name="eleve_`+ eleve +`_instrumentB" title="De quel instrument joue l'élève ?" onchange="select_prof(`+eleve+`,'B')">
<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>
<option value="Violoncelle">Violoncelle</option>
<option value="SECE">SECE</option>
</select>
</div>
<div class="input_box input_text input_box_bleu">
<label for="eleve_`+ eleve +`_instrumentB_cahier">Cahier</label>
<select id="eleve_`+ eleve +`_instrumentB_cahier" name="eleve_`+ eleve +`_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="eleve_`+ eleve +`_instrumentB_prof">Professeur</label>
<select id="eleve_`+ eleve +`_instrumentB_prof" name="eleve_`+ eleve +`_instrumentB_prof">
</select>
</div>
</div>
<div class="grid_3inputs">
<div class="input_box input_text">
<label for="eleve_`+ eleve +`_droitimage">Acceptez-vous la diffusion des images?</label>
<select id="eleve_`+ eleve +`_droitimage" name="eleve_`+ eleve +`_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="eleve_`+ eleve +`_contactsup_nom">Autre parent à contacter : Nom</label>
<input type="text" name="eleve_`+ eleve +`_contactsup_nom" id="eleve_`+ eleve +`_contactsup_nom">
</div>
<div class="input_box input_text input_box_gris">
<label for="eleve_`+ eleve +`_contactsup_prenom">Prénom</label>
<input type="text" name="eleve_`+ eleve +`_contactsup_prenom" id="eleve_`+ eleve +`_contactsup_prenom">
</div>
<div class="input_box input_text input_box_gris">
<label for="eleve_`+ eleve +`_contactsup_mail">Mail</label>
<input type="text" name="eleve_`+ eleve +`_contactsup_mail" id="eleve_`+ eleve +`_contactsup_mail">
</div>
</div>
`;
if (eleve < 5) {
contenuhtml_eleve += "<!-- ---------------------------------- -->"+
`<!-- Voulez-vous ajouter un autre ? -->`+
`<!-- ---------------------------------- -->`+
`<div class="input_checkbox">`+
`<input type="checkbox" name="check_eleve`+ eleve +`" id="check_eleve`+ eleve +`" onchange="ajout_eleve(`+ eleve +`)">`+
`<label class="gras" for="check_eleve`+ eleve +`">Voulez-vous ajouter un autre élève ?</label>`+
`</div>`
};
contenuhtml_eleve += `</section>`;
eleve--;
// AFFICHER LE FORMULAIRE DE SAISIE D'UN ELEVE APRÈS LE DERNIER
document.querySelector('#eleve'+ eleve +'').insertAdjacentHTML("afterend",contenuhtml_eleve);
eleve++;
return eleve;
}
}
function select_prof(eleve,instrumentAB) {
console.log("instrumentAB = " + instrumentAB);
console.log("ID content = " + document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +""));
let instrument_saisie = document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"").value;
console.log("instrument_saisie = ", instrument_saisie);
if (instrument_saisie == "Alto"){
contenuhtml_prof = `<option value="" selected></option>
<option value="PAGES Anne">PAGES Anne</option>
<option value="PLATONE Hélène">PLATONE Hélène</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Contrebasse"){
contenuhtml_prof = `<option value="" selected></option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Flûte traversière"){
contenuhtml_prof = `<option value="" selected></option>
<option value="DOZO Guadalupe">DOZO Guadalupe</option>
<option value="MILLE Christelle">MILLE Christelle</option>
<option value="MONTAGNA Cristina">MONTAGNA Cristina</option>
<option value="PAILLOT-DURY Catherine">PAILLOT-DURY Catherine</option>
<option value="PRIESTER Fanny">PRIESTER Fanny</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Guitare"){
contenuhtml_prof = `<option value="" selected></option>
<option value="FAU Benjamin">FAU Benjamin</option>
<option value="LOFFLER Marcelo">LOFFLER Marcelo</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Harpe"){
contenuhtml_prof = `<option value="" selected></option>
<option value="BASMADJIAN-POIRIER Muriel">BASMADJIAN-POIRIER Muriel</option>
<option value="DENIS Raphaëlle">DENIS Raphaëlle</option>
<option value="MAGRINI Alessandra">MAGRINI Alessandra</option>
<option value="RIVERA Eva">RIVERA Eva</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Orgue"){
contenuhtml_prof = `<option value="" selected></option>
<option value="HAEDT-GOUSSU Camille">HAEDT-GOUSSU Camille</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Piano"){
contenuhtml_prof = `<option value="" selected></option>
<option value="BOINEAU-BENHAIM Nicole">BOINEAU-BENHAIM Nicole</option>
<option value="CALATAYUD Marielle">CALATAYUD Marielle</option>
<option value="CHAPRON Camille">CHAPRON Camille</option>
<option value="DENARO Luigi">DENARO Luigi</option>
<option value="EL DACCACHE Georges">EL DACCACHE Georges</option>
<option value="EL KAROUT Fouad">EL KAROUT Fouad</option>
<option value="ESPONA Véronique">ESPONA Véronique</option>
<option value="GASTON Isabelle">GASTON Isabelle</option>
<option value="GOKELAERE Fabienne">GOKELAERE Fabienne</option>
<option value="HAEDT- GOUSSU Camille">HAEDT- GOUSSU Camille</option>
<option value="KAWAHARA Koyuki">KAWAHARA Koyuki</option>
<option value="OLIVIER-SAGAWA Reika">OLIVIER-SAGAWA Reika</option>
<option value="PERRIN Véronique">PERRIN Véronique</option>
<option value="TCHERNOOKOV Viola">TCHERNOOKOV Viola</option>
<option value="JACQUET-BOURDIN Lucie">JACQUET-BOURDIN Lucie</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Trompette"){
contenuhtml_prof = `<option value="" selected></option>
<option value="CALVAYRAC Michel">CALVAYRAC Michel</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Violon"){
contenuhtml_prof = `<option value="" selected></option>
<option value="ACCADIA Laure">ACCADIA Laure</option>
<option value="ADAMS Kate">ADAMS Kate</option>
<option value="ALLARD Cédric">ALLARD Cédric</option>
<option value="ARESTAN Philippe">ARESTAN Philippe</option>
<option value="AUDUC Cécile">AUDUC Cécile</option>
<option value="BAUJARD Mariko">BAUJARD Mariko</option>
<option value="BEAU-FAUCHER Gaelle">BEAU-FAUCHER Gaëlle</option>
<option value="BEETSCHEN Ghislaine">BEETSCHEN Ghislaine</option>
<option value="BERNARDON Vincent">BERNARDON Vincent</option>
<option value="BILLIET Hélène">BILLIET Hélène</option>
<option value="BONHOMME Amandine">BONHOMME Amandine</option>
<option value="BOSSUAT Christophe">BOSSUAT Christophe</option>
<option value="CABLEY-DENOIX Hélène">CABLEY-DENOIX Hélène</option>
<option value="CACHOT Sigismond">CACHOT Sigismond</option>
<option value="CALVAYRAC Danielle">CALVAYRAC Danielle</option>
<option value="CALVAYRAC Malgorzata">CALVAYRAC Malgorzata</option>
<option value="CASTOR Gaëlle">CASTOR Gaëlle</option>
<option value="CATOIRE Mélanie">CATOIRE Mélanie</option>
<option value="CAUCHEFER Marie">CAUCHEFER Marie</option>
<option value="CHAUSSADE Amelie">CHAUSSADE Amélie</option>
<option value="CHITEPO Chiyedza">CHITEPO Chiyedza</option>
<option value="COLLIN Ombeline">COLLIN Ombeline</option>
<option value="COLOMBO Axelle">COLOMBO Axelle</option>
<option value="CONTI Cristina">CONTI Cristina</option>
<option value="DE LAROUZIERE Aude">DE LAROUZIERE Aude</option>
<option value="DE MALEFETTE Stéphanie">DE MALEFETTE Stéphanie</option>
<option value="DEVUN Danièle">DEVUN Danièle</option>
<option value="DEVUN Francois">DEVUN François</option>
<option value="DODELIER Thibaut">DODELIER Thibaut</option>
<option value="DUTOIT Sophie">DUTOIT Sophie</option>
<option value="EYMARD Marianne">EYMARD Marianne</option>
<option value="FARGEOT-MAUCHE Elodie">FARGEOT-MAUCHE Elodie</option>
<option value="FEGE-DUBET Blandine">FEGE-DUBET Blandine</option>
<option value="FORAY Camille">FORAY Camille</option>
<option value="FORTUNE Fanny">FORTUNE Fanny</option>
<option value="GAZZOLA Stefania">GAZZOLA Stefania</option>
<option value="GILLIERON Eve">GILLIERON Eve</option>
<option value="GRIMAND-BOUDIER Hélène">GRIMAND-BOUDIER Hélène</option>
<option value="GUYONNET Jonathan">GUYONNET Jonathan</option>
<option value="JONVILLE Pauline">JONVILLE Pauline</option>
<option value="KHALLOUKY Eva">KHALLOUKY Eva</option>
<option value="LAPLANCHE Isabelle">LAPLANCHE Isabelle</option>
<option value="LAUBEPIN Mathilde">LAUBEPIN Mathilde</option>
<option value="LECLAIRE Larissa">LECLAIRE Larissa</option>
<option value="LESAING Isabelle">LESAING Isabelle</option>
<option value="LLEDO Daniel">LLEDO Daniel</option>
<option value="MARGAIN Marine">MARGAIN Marine</option>
<option value="MARTIN Joanne">MARTIN Joanne</option>
<option value="MELCONIAN Annie">MELCONIAN Annie</option>
<option value="MICCIO Nadine">MICCIO Nadine</option>
<option value="MODAFFARI Adrien">MODAFFARI Adrien</option>
<option value="MOUZIMANN Pierre">MOUZIMANN Pierre</option>
<option value="NÉEL Marie">NÉEL Marie</option>
<option value="ODDOU Julie">ODDOU Julie</option>
<option value="OLIVIER Marc">OLIVIER Marc</option>
<option value="PAGES Anne">PAGES Anne</option>
<option value="PAILLOT Catherine">PAILLOT Catherine</option>
<option value="POL Anaïs">POL Anaïs</option>
<option value="PROST Geneviève">PROST Geneviève</option>
<option value="RAFTERY Aine">RAFTERY Aine</option>
<option value="RAIFFAUD Marine">RAIFFAUD Marine</option>
<option value="READ Sophie">READ Sophie</option>
<option value="RENARD Christelle">RENARD Christelle</option>
<option value="RENTY Anna Maria">RENTY Anna Maria</option>
<option value="ROSSOT Marie">ROSSOT Marie</option>
<option value="ROUTIER Rachel">ROUTIER Rachel</option>
<option value="RUCLI Vanessa">RUCLI Vanessa</option>
<option value="SANCHEZ-GUZMAN Ana-Maria">SANCHEZ-GUZMAN Ana-Maria</option>
<option value="SAUVEGRAIN Anne-Laure">SAUVEGRAIN Anne-Laure</option>
<option value="SCHILLER Jennifer">SCHILLER Jennifer</option>
<option value="SEIGNEURIN Aegine">SEIGNEURIN Aegine</option>
<option value="SELMANI Enkeleida">SELMANI Enkeleida</option>
<option value="SHINODA Sayaka">SHINODA Sayaka</option>
<option value="SIMON Juliette">SIMON Juliette</option>
<option value="SOL-MOLINER Aurore">SOL-MOLINER Aurore</option>
<option value="TISSOT Roxane">TISSOT Roxane</option>
<option value="VELU Marie">VELU Marie</option>
<option value="VERDIER Iléana-Brandusa">VERDIER Iléana-Brandusa</option>
<option value="XHABIA Daniela">XHABIA Daniela</option>
<option value="ZANKO Barbara">ZANKO Barbara</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "Violoncelle"){
contenuhtml_prof = `<option value="" selected></option>
<option value="BERTAZZON Virginie">BERTAZZON Virginie</option>
<option value="BEYRIS Carlos">BEYRIS Carlos</option>
<option value="BOISSIERE Lison">BOISSIERE Lison</option>
<option value="BOYAUD Chloé">BOYAUD Chloé</option>
<option value="BRESSON Alexandre">BRESSON Alexandre</option>
<option value="CHARLES Faustine">CHARLES Faustine</option>
<option value="DE LAROUZIERE Bénédicte">DE LAROUZIERE Bénédicte</option>
<option value="FRANCOIS Zofia">FRANCOIS Zofia</option>
<option value="HERVAULT Chloé">HERVAULT Chloé</option>
<option value="JAEGER Chantal">JAEGER Chantal</option>
<option value="JARDINES Jacqueline">JARDINES Jacqueline</option>
<option value="LATIL Chantal">LATIL Chantal</option>
<option value="LAUGENIE Anaïs">LAUGENIE Anaïs</option>
<option value="LAUGENIE Florence">LAUGENIE Florence</option>
<option value="LECRAS - PARAIRE Amandine">LECRAS - PARAIRE Amandine</option>
<option value="LOBET Sophie">LOBET Sophie</option>
<option value="OTALORA Luz Dary">OTALORA Luz Dary</option>
<option value="PASUT Ugo">PASUT Ugo</option>
<option value="RENAUD Johanna">RENAUD Johanna</option>
<option value="RIEDEL Rebekka">RIEDEL Rebekka</option>
<option value="RIVERA Ruben">RIVERA Ruben</option>
<option value="RODALLEC Marine">RODALLEC Marine</option>
<option value="ROUSSEL Sandrine">ROUSSEL Sandrine</option>
<option value="SEGUIN Hélène">SEGUIN Hélène</option>
<option value="SPRENG Alexander">SPRENG Alexander</option>
<option value="VIDAL Pauline">VIDAL Pauline</option>
<option value="WILSON Ariane">WILSON Ariane</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (instrument_saisie == "SECE"){
contenuhtml_prof = `<option value="" selected></option>
<option value="JACQUET-BOURDIN Lucie">JACQUET-BOURDIN Lucie</option>
<option value="prof non inscrit">professeur non encore inscrit</option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
if (!instrument_saisie){
contenuhtml_prof = `<option value="" selected></option>`;
document.getElementById("eleve_"+ eleve +"_instrument"+ instrumentAB +"_prof").innerHTML = contenuhtml_prof;
contenuhtml_prof ='';
};
}
function supprimer_eleve(eleve) {
document.querySelector('#eleve'+ eleve +'').remove();
}
function supprimer_eleve_all() {
if (document.querySelector('#eleve1')) {document.querySelector('#eleve1').remove()};
if (document.querySelector('#eleve2')) {document.querySelector('#eleve2').remove()};
if (document.querySelector('#eleve3')) {document.querySelector('#eleve3').remove()};
if (document.querySelector('#eleve4')) {document.querySelector('#eleve4').remove()};
if (document.querySelector('#eleve5')) {document.querySelector('#eleve5').remove()};
if (document.querySelector('#eleve6')) {document.querySelector('#eleve6').remove()};
}

View File

@@ -137,6 +137,13 @@ const select_eleve1_InstrumentA = (select) => {
document.getElementById("adherent_eleve1_InstrumentA_prof").innerHTML = adherent_eleve1_InstrumentA_prof;
adherent_eleve1_InstrumentA_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve1_InstrumentA_prof = '<option value="" selected></option>';
adherent_eleve1_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve1_InstrumentA_prof").innerHTML = adherent_eleve1_InstrumentA_prof;
adherent_eleve1_InstrumentA_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve1_InstrumentA_prof").innerHTML = '';
@@ -346,6 +353,13 @@ const select_eleve1_InstrumentB = (select) => {
document.getElementById("adherent_eleve1_InstrumentB_prof").innerHTML = adherent_eleve1_InstrumentB_prof;
adherent_eleve1_InstrumentB_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve1_InstrumentB_prof = '<option value="" selected></option>';
adherent_eleve1_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve1_InstrumentB_prof").innerHTML = adherent_eleve1_InstrumentB_prof;
adherent_eleve1_InstrumentB_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve1_InstrumentB_prof").innerHTML = '';
@@ -555,6 +569,13 @@ const select_eleve2_InstrumentA = (select) => {
document.getElementById("adherent_eleve2_InstrumentA_prof").innerHTML = adherent_eleve2_InstrumentA_prof;
adherent_eleve2_InstrumentA_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve2_InstrumentA_prof = '<option value="" selected></option>';
adherent_eleve2_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve2_InstrumentA_prof").innerHTML = adherent_eleve2_InstrumentA_prof;
adherent_eleve2_InstrumentA_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve2_InstrumentA_prof").innerHTML = '';
@@ -764,6 +785,13 @@ const select_eleve2_InstrumentB = (select) => {
document.getElementById("adherent_eleve2_InstrumentB_prof").innerHTML = adherent_eleve2_InstrumentB_prof;
adherent_eleve2_InstrumentB_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve2_InstrumentB_prof = '<option value="" selected></option>';
adherent_eleve2_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve2_InstrumentB_prof").innerHTML = adherent_eleve2_InstrumentB_prof;
adherent_eleve2_InstrumentB_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve2_InstrumentB_prof").innerHTML = '';
@@ -973,6 +1001,13 @@ const select_eleve3_InstrumentA = (select) => {
document.getElementById("adherent_eleve3_InstrumentA_prof").innerHTML = adherent_eleve3_InstrumentA_prof;
adherent_eleve3_InstrumentA_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve3_InstrumentA_prof = '<option value="" selected></option>';
adherent_eleve3_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve3_InstrumentA_prof").innerHTML = adherent_eleve3_InstrumentA_prof;
adherent_eleve3_InstrumentA_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve3_InstrumentA_prof").innerHTML = '';
@@ -1182,6 +1217,13 @@ const select_eleve3_InstrumentB = (select) => {
document.getElementById("adherent_eleve3_InstrumentB_prof").innerHTML = adherent_eleve3_InstrumentB_prof;
adherent_eleve3_InstrumentB_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve3_InstrumentB_prof = '<option value="" selected></option>';
adherent_eleve3_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve3_InstrumentB_prof").innerHTML = adherent_eleve3_InstrumentB_prof;
adherent_eleve3_InstrumentB_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve3_InstrumentB_prof").innerHTML = '';
@@ -1391,6 +1433,13 @@ const select_eleve4_InstrumentA = (select) => {
document.getElementById("adherent_eleve4_InstrumentA_prof").innerHTML = adherent_eleve4_InstrumentA_prof;
adherent_eleve4_InstrumentA_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve4_InstrumentA_prof = '<option value="" selected></option>';
adherent_eleve4_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve4_InstrumentA_prof").innerHTML = adherent_eleve4_InstrumentA_prof;
adherent_eleve4_InstrumentA_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve4_InstrumentA_prof").innerHTML = '';
@@ -1600,6 +1649,13 @@ const select_eleve4_InstrumentB = (select) => {
document.getElementById("adherent_eleve4_InstrumentB_prof").innerHTML = adherent_eleve4_InstrumentB_prof;
adherent_eleve4_InstrumentB_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve4_InstrumentB_prof = '<option value="" selected></option>';
adherent_eleve4_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve4_InstrumentB_prof").innerHTML = adherent_eleve4_InstrumentB_prof;
adherent_eleve4_InstrumentB_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve4_InstrumentB_prof").innerHTML = '';
@@ -1809,6 +1865,13 @@ const select_eleve5_InstrumentA = (select) => {
document.getElementById("adherent_eleve5_InstrumentA_prof").innerHTML = adherent_eleve5_InstrumentA_prof;
adherent_eleve5_InstrumentA_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve5_InstrumentA_prof = '<option value="" selected></option>';
adherent_eleve5_InstrumentA_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve5_InstrumentA_prof").innerHTML = adherent_eleve5_InstrumentA_prof;
adherent_eleve5_InstrumentA_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve5_InstrumentA_prof").innerHTML = '';
@@ -2018,6 +2081,13 @@ const select_eleve5_InstrumentB = (select) => {
document.getElementById("adherent_eleve5_InstrumentB_prof").innerHTML = adherent_eleve5_InstrumentB_prof;
adherent_eleve5_InstrumentB_prof ='';
};
if (select.value == "Orgue"){
console.log("on est dans le Orgue");
adherent_eleve5_InstrumentB_prof = '<option value="" selected></option>';
adherent_eleve5_InstrumentB_prof += '<option value="prof non inscrit">professeur non encore inscrit</option>';
document.getElementById("adherent_eleve5_InstrumentB_prof").innerHTML = adherent_eleve5_InstrumentB_prof;
adherent_eleve5_InstrumentB_prof ='';
};
if (select.value == "Piano"){
console.log("on est dans le Piano");
document.getElementById("adherent_eleve5_InstrumentB_prof").innerHTML = '';