//---------------------------------------------------------------------------------------------------------------------------------------- // menu croiseur principal--GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- var selectedId1 = ""; // Initialisez la variable avec la valeur PHP actuelle function updatecroiseur1() { try { var selectedOption = document.getElementById("pet-select1").options[document.getElementById("pet-select1").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); //remise à zero menu bateaux 2 et 3 si changement document.getElementById("pet-select").selectedIndex = 0; document.getElementById("pet-select3").selectedIndex = 0; document.getElementById("saisie_bateau_a_terre_input1").value = ""; //decoché bateau a terre 1 var checkbox_bateau_aterre = document.getElementById('check_membre_actif'); //checkbox_bateau_aterre.value = ''; checkbox_bateau_aterre.checked = false; //decoche bateau a terre 1 //decoché aire de repos membre actif var checkbox_membreactif_sans_bateau = document.getElementById('membre_actif_sans_bateau'); //checkbox_membreactif_sans_bateau.value = ''; checkbox_membreactif_sans_bateau.checked = false; //decoche membre actif 1 afficherTable_bateau_terre(); //met a jour affichage table saisise //remet ligne 0 menu 2eme bateaux a terre document.getElementById("pet-select9").selectedIndex = 0; //----------------------------- // Mettre à jour la variable globale avec l'ID soit la taille du bateau choisis selectedId1 = selectedOption.index; // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection1[]')[0]; // Utilisez l'index correct pour la case à cocher checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); } else { // Aucune option sélectionnée, désactiver la case à cocher checkbox = document.getElementsByName('pets1')[0];//Utilisez l'index correct pour la case à cocher checkbox.checked = false; } } catch (error) { console.error('Erreur JavaScript :', error.message); } updateTotal(); afficherChampsAdditionnels_menu1() afficherChampsAdditionnels_menu2() afficherChampsAdditionnels_menu3() } function afficherChampsAdditionnels_menu1() { var checkbox = document.getElementById('check_bateau_principal'); var table = document.getElementById('table_add_1croiseur_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_1croiseur_detail"]'); requiredInputs.forEach(function(input) { input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_1croiseur_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // menu croiseur 2 --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function update2croiseurs() { try { //alert("Valeur de selectedId1 : " + selectedId1); var selectedOption = document.getElementById("pet-select").options[document.getElementById("pet-select").selectedIndex]; //remise à zero menu3 si changement document.getElementById("pet-select3").selectedIndex = 0; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la variable globale avec l'ID selectedId2 = selectedOption.index; // Mettre à jour l'élément //document.getElementById('selectedId2Element').innerText = "ID:" + selectedId2; // Vérifier la condition if(parseInt(selectedId1) === 0){ // si pas de bateau 1 de choisi tu sorts // Afficher un message d'erreur alert("Vous n'avez pas choisis le bateau 1 !"); // Réinitialiser le menu déroulant pour revenir au premier choix document.getElementById("pet-select").selectedIndex = 0; // Désactiver la case à cocher var checkbox = document.getElementsByName('selection4[]')[0]; // bouton numéro 3 checkbox.checked = false; // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection4[]')[0];//bouton numéro 3 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; return; } //verrif si bateau 2 plus petit que bateau 1 if (selectedId2 > selectedId1) { // Afficher un message d'erreur alert("Vous ne pouvez pas prendre une coque plus grande que le choix 1 !"); // Réinitialiser le menu déroulant pour revenir au premier choix document.getElementById("pet-select").selectedIndex = 0; // Désactiver la case à cocher var checkbox = document.getElementsByName('selection4[]')[0]; // bouton numéro 2 checkbox.checked = false; // Mettre à jour le total updateTotal(); // Afficher le champ additionnels //document.getElementById('add_2croiseur_detail').style.display = 'block'; return; } // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection4[]')[0];//bouton numéro 2 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('selection4[]')[0];//bouton numéro 2 checkbox.checked = false; // Masquer les champs additionnels //document.getElementById('add_2croiseur_detail').style.display = 'none'; } } catch (error) { console.error('Erreur JavaScript :', error.message); } updateTotal(); afficherChampsAdditionnels_menu2() afficherChampsAdditionnels_menu3() } // Fonction appelée lors du choix dans le menu // fonction ori ok mais pas de required /* function afficherChampsAdditionnels_menu2() { var checkbox = document.getElementById('check_bateau_2'); var table = document.getElementById('table_add_2croiseur_detail'); // Afficher la table si checked if (checkbox.checked) { // valeur qui déclenche l'affichage table.style.display = 'table'; // Utilisez 'table' pour afficher la table } else { table.style.display = 'none'; } } */ function afficherChampsAdditionnels_menu2() { var checkbox = document.getElementById('check_bateau_2'); var table = document.getElementById('table_add_2croiseur_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name=""]'); requiredInputs.forEach(function(input) {add_2croiseur_detail //<----------------------------------------ajout table_ ? input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="table_add_2croiseur_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // menu croiseur 3 --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function update3croiseurs() { try { var selectedOption = document.getElementById("pet-select3").options[document.getElementById("pet-select3").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la variable globale avec l'ID selectedId3 = selectedOption.index; // Afficher les valeurs de selectedId2 et selectedId3 pour le débogage //alert("selectedId1: " + selectedId1 + ", selectedId2: " + selectedId2 + ", selectedId3: " + selectedId3); // Vérifier la condition if(parseInt(selectedId2) === 0){ // si pas de bateau 2 de choisi tu sorts // Afficher un message d'erreur alert("Vous n'avez pas choisis le bateau 2 !"); // Réinitialiser le menu déroulant pour revenir au premier choix document.getElementById("pet-select3").selectedIndex = 0; // Désactiver la case à cocher var checkbox = document.getElementsByName('selection5[]')[0]; // bouton numéro 3 checkbox.checked = false; // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection5[]')[0];//bouton numéro 3 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; return; } if (selectedId3 > selectedId1) { //si le bateau du menu 3 est plus grand que le menu 1 tu sorts // Afficher un message d'erreur alert("Vous ne pouvez pas prendre une coque plus grande que le choix 1 !"); // Réinitialiser le menu déroulant pour revenir au premier choix document.getElementById("pet-select3").selectedIndex = 0; // Réinitialiser selectedId2 à zéro //selectedId2 = 0; // Désactiver la case à cocher var checkbox = document.getElementsByName('selection5[]')[0]; // bouton numéro 3 checkbox.checked = false; // Mettre à jour le total updateTotal(); return; } // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection5[]')[0];//bouton numéro 3 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('selection5[]')[0];//bouton numéro 3 checkbox.checked = false; } } catch (error) { console.error('Erreur JavaScript :', error.message); } updateTotal(); afficherChampsAdditionnels_menu3() } function afficherChampsAdditionnels_menu3() { var checkbox = document.getElementById('check_bateau_3'); var table = document.getElementById('table_add_3croiseur_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="table_add_3croiseur_detail"]'); requiredInputs.forEach(function(input) { input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="table_add_3croiseur_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // menu Licence Adulte --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function updatelicence() { try { var selectedOption = document.getElementById("pet-select2").options[document.getElementById("pet-select2").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection6[]')[0]; // Utilisez l'index correct pour la case à cocher checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('selection6[]')[0]; checkbox.checked = false; checkbox.value ='', updateTotal(); // Réinitialiser la cellule résultat //document.getElementById('resultatMontantLicence').innerText = ''; } } catch (error) { console.error('Erreur JavaScript :', error.message); } updateTotal(); afficherTable_licence() } //afficher les saisies function afficherTable_licence() { var checkbox = document.getElementById('check_licence_A'); var select = document.getElementById('pet-select2'); var selectedRowIndex = select.selectedIndex; // Affichage des tables en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Action pour la première ligne sélectionnée //console.log("Ferme la saisie"); // Cacher toutes les tables cacherToutesLesTables_licence(); break; case 1: // Action pour la deuxième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 1"); // Afficher la première table et cacher les autres afficherTable('add_licence_detail1'); cacherTable('add_licence_detail2'); cacherTable('add_licence_detail3'); break; case 2: // Action pour la troisième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 2"); // Afficher les deux premières tables et cacher la troisième afficherTable('add_licence_detail1'); afficherTable('add_licence_detail2'); cacherTable('add_licence_detail3'); break; case 3: // Action pour la quatrième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 3"); // Afficher toutes les tables afficherToutesLesTables_licence(); break; default: // Action par défaut si l'index est en dehors des cas spécifiés //console.log("L'utilisateur a choisi une ligne non reconnue"); break; } } /* //DEJA plus bas // Fonction pour afficher une table function afficherTable(tableId) { var table = document.getElementById(tableId); table.style.display = 'table'; } // Fonction pour cacher une table function cacherTable(tableId) { var table = document.getElementById(tableId); table.style.display = 'none'; } */ // Fonction pour cacher toutes les tables function cacherToutesLesTables_licence() { cacherTable('add_licence_detail1'); cacherTable('add_licence_detail2'); cacherTable('add_licence_detail3'); } // Fonction pour afficher toutes les tables function afficherToutesLesTables_licence() { afficherTable('add_licence_detail1'); afficherTable('add_licence_detail2'); afficherTable('add_licence_detail3'); } //---------------------------------------------------------------------------------------------------------------------------------------- // menu bateau a terre 2 et 3 --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- //vertrif si bateau a terre 1 est coché ou bateau principal function updatebateauaterre2() { try { // Vérifier si la case du premier menu est cochée var checkbox1 = document.getElementsByName('selection3[]')[0]; // Utilisez l'index correct pour la case à cocher var checkboxbatprincipal = document.getElementById('check_bateau_principal'); if (!checkbox1.checked && !checkboxbatprincipal.checked) { //ajout bateau principal alert("Veuillez choisir un bateau dans ADHESION PRINCIPALE"); // pas de premier choix coché // Réinitialiser le menu déroulant à la première option du menu 2eme bateaux a terre var select = document.getElementById('pet-select9'); select.selectedIndex = 0; // Réinitialiser et décocher le deuxième menu var checkbox2 = document.getElementById('check_bateau_aterre2'); checkbox2.value = ''; checkbox2.checked = false; return; } var selectedOption = document.getElementById("pet-select9").options[document.getElementById("pet-select9").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la valeur de la case à cocher var checkbox2 = document.getElementById('check_bateau_aterre2'); checkbox2.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox2.checked = true; // Appeler la fonction qui gère l'affichage la table saisie afficherTable_saisie_bateauaterre(); updateTotal(); // Mettre à jour la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = montantLibelle[0] + ' €'; } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox2 = document.getElementById('check_bateau_aterre2'); checkbox2.value = ''; // Réinitialiser la valeur checkbox2.checked = false; // Réinitialiser la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = ''; } } catch (error) { console.error('Erreur JavaScript :', error.message); } } //afficher les saisies function afficherTable_saisie_bateauaterre() { var checkbox = document.getElementById('check_bateau_aterre2'); var select = document.getElementById('pet-select9'); var selectedRowIndex = select.selectedIndex; // Affichage des tables en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Action pour la première ligne sélectionnée //console.log("Ferme la saisie"); // Cacher toutes les tables cacherToutesLesTables_bateau_aterre2(); break; case 1: // Action pour la deuxième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 1"); // Afficher la première table et cacher les autres afficherTable('table_add_2bateauaterre_detail'); cacherTable('table_add_3bateauaterre_detail'); break; case 2: // Action pour la troisième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 2"); // Afficher les deux premières tables et cacher la troisième afficherToutesLesTables_bateau_aterre2(); break; default: // Action par défaut si l'index est en dehors des cas spécifiés //console.log("L'utilisateur a choisi une ligne non reconnue"); break; } } // Fonction pour cacher toutes les tables function cacherToutesLesTables_bateau_aterre2() { cacherTable('table_add_2bateauaterre_detail'); cacherTable('table_add_3bateauaterre_detail'); } // Fonction pour afficher toutes les tables function afficherToutesLesTables_bateau_aterre2() { afficherTable('table_add_2bateauaterre_detail'); afficherTable('table_add_3bateauaterre_detail'); } //---------------------------------------------------------------------------------------------------------------------------------------- // menu Licence -18ans --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function updatelicence2() { try { var selectedOption = document.getElementById("pet-select4").options[document.getElementById("pet-select4").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection7[]')[0]; //7 Utilisez l'index correct pour la case à cocher checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); // Mettre à jour la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = montantLibelle[0] + ' €'; } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('pet4')[6]; checkbox.checked = false; // Réinitialiser la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = ''; } } catch (error) { console.error('Erreur JavaScript :', error.message); } afficherTable_licence_enfant() } //affiche les saisies function afficherTable_licence_enfant() { var checkbox = document.getElementById('check_licence_E'); var select = document.getElementById('pet-select4'); var selectedRowIndex = select.selectedIndex; // Affichage des tables en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Action pour la première ligne sélectionnée //console.log("Ferme la saisie"); // Cacher toutes les tables cacherToutesLesTables_licence_enfant(); break; case 1: // Action pour la deuxième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 1"); // Afficher la première table et cacher les autres afficherTable('add_licence_enfant1'); cacherTable('add_licence_enfant2'); cacherTable('add_licence_enfant3'); break; case 2: // Action pour la troisième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 2"); // Afficher les deux premières tables et cacher la troisième afficherTable('add_licence_enfant1'); afficherTable('add_licence_enfant2'); cacherTable('add_licence_enfant3'); break; case 3: // Action pour la quatrième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 3"); // Afficher toutes les tables afficherToutesLesTables_licence_enfant(); break; default: // Action par défaut si l'index est en dehors des cas spécifiés //console.log("L'utilisateur a choisi une ligne non reconnue"); break; } } // Fonction pour afficher une table function afficherTable(tableId) { var table = document.getElementById(tableId); table.style.display = 'table'; } // Fonction pour cacher une table function cacherTable(tableId) { var table = document.getElementById(tableId); table.style.display = 'none'; } // Fonction pour cacher toutes les tables function cacherToutesLesTables_licence_enfant() { cacherTable('add_licence_enfant1'); cacherTable('add_licence_enfant2'); cacherTable('add_licence_enfant3'); } // Fonction pour afficher toutes les tables function afficherToutesLesTables_licence_enfant() { afficherTable('add_licence_enfant1'); afficherTable('add_licence_enfant2'); afficherTable('add_licence_enfant3'); } //---------------------------------------------------------------------------------------------------------------------------------------- // Bateau a terre saisie obligatoire si checked //---------------------------------------------------------------------------------------------------------------------------------------- function afficherTable_bateau_terre() { //empecher de ce check si menu bateau princpal est check var checkbox = document.getElementById('check_membre_actif'); var tableId = 'add_bateau_a_terre'; var select = document.getElementById('pet-select9'); var checkbox2 = document.getElementById('check_bateau_aterre2'); var check_bateau_principal = document.getElementById('check_bateau_principal'); //choppe si bateau principal checked if(check_bateau_principal.checked){ //checkbox2.value = ''; //checkbox2.checked = false; return; } // Récupérer la référence à la table var table = document.getElementById(tableId); if (checkbox.checked && !check_bateau_principal.checked) { //si check par defaut et non check principal j'affiche table.style.display = 'table'; document.getElementById("input_add_1croiseur_detail").value = "";//met la saisie bateau principal a zero // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('input[type="text"]'); requiredInputs.forEach(function(input) { input.required = true; }); // Réinitialiser le deuxième menu et le décocher select.selectedIndex = 0; checkbox2.value = ''; checkbox2.checked = false; } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('input[type="text"]'); requiredInputs.forEach(function(input) { input.required = false; }); // Décocher le deuxième menu si la case du premier menu est décochée checkbox2.value = ''; checkbox2.checked = false; } } //---------------------------------------------------------------------------------------------------------------------------------------- // menu membre actif conjoint ou enfant --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function updatemaCE1() { try { var selectedOption = document.getElementById("pet-select6").options[document.getElementById("pet-select6").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection8[]')[0]; // 7 Utilisez l'index correct pour la case à cocher checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); // Mettre à jour la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = montantLibelle[0] + ' €'; } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('pet6')[7]; checkbox.checked = false; // Réinitialiser la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = ''; } } catch (error) { console.error('Erreur JavaScript :', error.message); } afficherTable_conjoint_enfant() } //afficher les saisies function afficherTable_conjoint_enfant() { var checkbox = document.getElementById('check_membre_CE'); var select = document.getElementById('pet-select6'); var selectedRowIndex = select.selectedIndex; // Affichage des tables en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Action pour la première ligne sélectionnée //console.log("Ferme la saisie"); // Cacher toutes les tables cacherToutesLesTables_membre_CE(); break; case 1: // Action pour la deuxième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 1"); // Afficher la première table et cacher les autres afficherTable('add_membreCE1'); cacherTable('add_membreCE2'); cacherTable('add_membreCE3'); cacherTable('add_membreCE4'); break; case 2: // Action pour la troisième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 2"); // Afficher les deux premières tables et cacher la troisième afficherTable('add_membreCE1'); afficherTable('add_membreCE2'); cacherTable('add_membreCE3'); cacherTable('add_membreCE4'); break; case 3: // Action pour la quatrième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 3"); // Afficher toutes les tables afficherTable('add_membreCE1'); afficherTable('add_membreCE2'); afficherTable('add_membreCE3'); cacherTable('add_membreCE4'); break; case 4: // Action pour la quatrième ligne sélectionnée //console.log("L'utilisateur a choisi la ligne 3"); // Afficher toutes les tables afficherToutesLesTables_membre_CE(); break; default: // Action par défaut si l'index est en dehors des cas spécifiés //console.log("L'utilisateur a choisi une ligne non reconnue"); break; } } /* //DEJA plus bas // Fonction pour afficher une table function afficherTable(tableId) { var table = document.getElementById(tableId); table.style.display = 'table'; } // Fonction pour cacher une table function cacherTable(tableId) { var table = document.getElementById(tableId); table.style.display = 'none'; } */ // Fonction pour cacher toutes les tables function cacherToutesLesTables_membre_CE() { cacherTable('add_membreCE1'); cacherTable('add_membreCE2'); cacherTable('add_membreCE3'); cacherTable('add_membreCE4'); } // Fonction pour afficher toutes les tables function afficherToutesLesTables_membre_CE() { afficherTable('add_membreCE1'); afficherTable('add_membreCE2'); afficherTable('add_membreCE3'); afficherTable('add_membreCE4'); } //---------------------------------------------------------------------------------------------------------------------------------------- // AFFICHAGE AIRE DE REPOS CAR1 immat //---------------------------------------------------------------------------------------------------------------------------------------- function afficherChampsAdditionnels_airederepos_car1() { var checkbox = document.getElementById('check_proprio_car1'); var table = document.getElementById('add_proprio_bateau_car1_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_car1_detail"]'); requiredInputs.forEach(function(input) { input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_car1_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // AFFICHAGE AIRE DE REPOS CAR2 immat //---------------------------------------------------------------------------------------------------------------------------------------- function afficherChampsAdditionnels_airederepos_car2() { var checkbox = document.getElementById('check_proprio_car2'); var table = document.getElementById('add_proprio_bateau_car2_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_car2_detail"]'); requiredInputs.forEach(function(input) { input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_car2_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // AFFICHAGE AIRE DE REPOS SANS BATEAU CAR1 immat //---------------------------------------------------------------------------------------------------------------------------------------- function afficherChampsAdditionnels_airederepos_sansbato_car1() { var checkbox = document.getElementById('check_sansbato_car1'); var table = document.getElementById('add_sans_bateau_car1_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_sansbatocar1_detail"]'); requiredInputs.forEach(function(input) { input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_sansbatocar1_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // AFFICHAGE AIRE DE REPOS SANS BATEAU CAR2 immat //---------------------------------------------------------------------------------------------------------------------------------------- function afficherChampsAdditionnels_airederepos_sansbato_car2() { var checkbox = document.getElementById('check_sansbato_car2'); var table = document.getElementById('add_sans_bateau_car2_detail'); // Afficher la table si checked if (checkbox.checked) { table.style.display = 'table'; // Activer les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_sansbatocar2_detail"]'); requiredInputs.forEach(function(input) { input.required = true; }); //console.log('La table est bien affichée, les champs requis sont activés.'); } else { table.style.display = 'none'; // Désactiver temporairement les champs requis dans la table var requiredInputs = table.querySelectorAll('[name="add_saisie_sansbatocar2_detail"]'); requiredInputs.forEach(function(input) { input.required = false; }); //console.log('La table est cachée, les champs requis sont désactivés temporairement.'); } } //---------------------------------------------------------------------------------------------------------------------------------------- // menu BADGE --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function updatebadge() { try { var selectedOption = document.getElementById("pet-select7").options[document.getElementById("pet-select7").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection14[]')[0]; // 13 Utilisez l'index correct pour la case à cocher checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); // Mettre à jour la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = montantLibelle[0] + ' €'; } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('pet7')[13]; checkbox.checked = false; // Réinitialiser la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = ''; } } catch (error) { console.error('Erreur JavaScript :', error.message); } } //---------------------------------------------------------------------------------------------------------------------------------------- // menu FANION --GERER SELECTION //---------------------------------------------------------------------------------------------------------------------------------------- function updatefanion() { try { var selectedOption = document.getElementById("pet-select8").options[document.getElementById("pet-select8").selectedIndex]; if (selectedOption) { var selectedValue = selectedOption.value; var montantLibelle = selectedValue.split(','); // Mettre à jour la valeur de la case à cocher var checkbox = document.getElementsByName('selection15[]')[0]; // 14 Utilisez l'index correct pour la case à cocher checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cocher automatiquement la checkbox checkbox.checked = true; updateTotal(); // Mettre à jour la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = montantLibelle[0] + ' €'; } else { // Aucune option sélectionnée, désactiver la case à cocher var checkbox = document.getElementsByName('pet8')[14]; checkbox.checked = false; // Réinitialiser la cellule résultat //280124 document.getElementById('resultatMontantLicence').innerText = ''; } } catch (error) { console.error('Erreur JavaScript :', error.message); } } //---------------------------------------------------------------------------------------------------------------------------------------- // CREATION NOUVEAU MEMBRE //---------------------------------------------------------------------------------------------------------------------------------------- //nvo membre function validerFormulaire() { var dateNaissance = document.getElementById("naissance").value; var prenom = document.getElementById("prenom").value; var tel = document.getElementById("tel").value; var adresse = document.getElementById("adresse").value; var mail = document.getElementById("mail").value; var ville = document.getElementById("ville").value; var licence = document.getElementById("licence").value; var postal = document.getElementById("postal").value; var carte = document.getElementById("carte").value; var pays = document.getElementById("pays").value; var pass = document.getElementById("pass").value; if (dateNaissance === "") { alert("Veuillez choisir une date de naissance."); return false; } if (prenom === "") { alert("Veuillez saisir votre pr\u00e9nom."); return false; } if (tel === "") { alert("Veuillez saisir votre num\u00e9ro de t\u00e9l\u00e9phone."); return false; } if (adresse === "") { alert("Veuillez saisir votre adresse."); return false; } if (mail === "") { alert("Veuillez saisir votre adresse e-mail."); return false; } if (ville === "") { alert("Veuillez saisir votre ville."); return false; } //if (licence === "") { // alert("Veuillez saisir votre num\u00e9ro de licence."); // return false; //} if (postal === "") { alert("Veuillez saisir votre code postal."); return false; } //if (carte === "") { // alert("Veuillez saisir votre numéro de carte barrière."); // return false; //} if (pays === "") { alert("Veuillez saisir votre pays."); return false; } if (pass === "") { alert("Veuillez saisir un mot de passe."); return false; } // Ajoutez des vérifications supplémentaires au besoin return true; } //version recup et actualise id membre function creation_nvo_membre() { // Valider le formulaire avant d'envoyer la requête if (!validerFormulaire()) { return; // Arrêter la fonction si la validation échoue } // Récupérer les données du formulaire var formData = new FormData(document.getElementById("nvo_membre")); // Envoyer les données en utilisant jQuery $.ajax({ type: "POST", url: "ycder_nvo_membre.php", data: formData, processData: false, contentType: false, success: function(response) { // Traitement en cas de succès //console.log(response); // Afficher un message sur la page en fonction de la réponse if (response.includes("compte_ok")) { alert("Nouveau compte Ok."); // Extraire l'ID de l'utilisateur de la réponse var nouvelUtilisateurId = response.split(',')[1].trim(); // Mettre à jour le contenu du label avec l'ID de l'utilisateur document.getElementById("utilisateurIdLabel").innerText = nouvelUtilisateurId; // Rediriger vers une autre page si nécessaire // window.location.href = "nouvelle_page.php"; } else if (response.includes("mail_non_ok")) { alert("Mail d\u00e9j\u00E0 utilis\u00e9, veuillez r\u00e9cup\u00e9rer votre compte."); } else { alert("Une erreur s'est produite lors de la cr\u00e9ation du compte."); } }, error: function(xhr, status, error) { // Gérer les erreurs console.error(xhr.responseText); alert("Une erreur s'est produite lors de la cr\u00e9ation du compte."); } }); } //---------------------------------------------------------------------------------------------------------------------------------------- // CONNEXION MEMBRE //---------------------------------------------------------------------------------------------------------------------------------------- //verrif si mail et mdp rentré pour recup membre function validerFormulaire_recup() { var mail = document.getElementById("email1").value; var pass = document.getElementById("password1").value; if (mail === "") { alert("Veuillez saisir votre adresse e-mail."); return false; } if (pass === "") { alert("Veuillez saisir un mot de passe."); return false; } return true; } //connect membre function connect_membre() { //Valider le formulaire avant d'envoyer la requête if (!validerFormulaire_recup()) { return; // Arrêter la fonction si la validation échoue } // Récupérer les données du formulaire var formData = new FormData(document.getElementById("deja_client")); // Envoyer les données en utilisant jQuery $.ajax({ type: "POST", url: "ycder_connect_membre.php", data: formData, processData: false, contentType: false, success: function(response) { // Traitement en cas de succès //console.log(response); // Analyser la réponse JSON var jsonResponse = JSON.parse(response); // Vérifier le statut de la réponse if (jsonResponse.status === "compte_ok") { // Remplir le formulaire avec les informations de l'utilisateur document.getElementById("nom").value = jsonResponse.user_info.nom; document.getElementById("naissance").value = jsonResponse.user_info.naissance; document.getElementById("prenom").value = jsonResponse.user_info.prenom; document.getElementById("tel").value = jsonResponse.user_info.tel; document.getElementById("adresse").value = jsonResponse.user_info.adresse; var mail = document.getElementById("mail").value = jsonResponse.user_info.mail; //recup le mail pour getOptionByEmail SQL RECUP document.getElementById("ville").value = jsonResponse.user_info.ville; document.getElementById("licence").value = jsonResponse.user_info.licence; document.getElementById("postal").value = jsonResponse.user_info.postal; document.getElementById("carte").value = jsonResponse.user_info.carte; document.getElementById("pays").value = jsonResponse.user_info.pays; //document.getElementById("pass").value = jsonResponse.user_info.mdp; // Mettre à jour le contenu du label avec l'ID de l'utilisateur document.getElementById("utilisateurIdLabel").innerText = jsonResponse.user_info.id_membre; alert("Connexion r\u00e9ussie."); mise_a_jour_membre() getOptionsByEmail(mail) //--------------------------------------------------------- LANCE RECUP OPTION SQL // Appeler une fonction pour mettre à jour la page pour les sessions document.getElementById("supprimer_compte1").disabled = false; //active bouton supprimer compte } else { // Affichage des messages d'erreur spécifiques switch (response.trim()) { case "1": alert("Erreur mot de passe."); break; case "2": alert("Mail introuvable."); break; default: alert("Une erreur s'est produite lors de la connexion au compte."); } } }, // ... }); } //change le bouton nvo client en mise a jour du compte une fois chargé les infos perso function mise_a_jour_membre() { // Sélection du bouton à l'intérieur du formulaire avec l'id "nvo_membre" var Bouton = document.querySelector('#nvo_membre input[type="button"][value="CREATION DU COMPTE"]'); // Vérifier si Bouton est null if (Bouton === null) { console.error("Aucun bouton 'CREATION DU COMPTE' trouvé dans le formulaire."); return; // Sortir de la fonction } // Changer les propriétés du bouton Bouton.className = 'bouton-modification'; Bouton.type = 'button'; Bouton.value = 'MODIFIER COMPTE'; Bouton.style.backgroundColor = 'nouvelle couleur'; Bouton.style.color = 'nouvelle couleur du texte'; Bouton.style.padding = '10px 30px'; Bouton.style.border = 'none'; Bouton.style.borderRadius = '5px'; Bouton.style.cursor = 'pointer'; Bouton.style.textAlign = 'center'; // Assigner une nouvelle fonction au clic du bouton Bouton.onclick = function() { // Nouvelle action du bouton maj_compte(); // Appeler la fonction de mise à jour du compte }; // Sélectionner l'ancien bouton var ancienBouton = document.querySelector('input[type="button"][value="MODIFICATION DU COMPTE"]'); // Vérifier si l'ancien bouton existe if (ancienBouton !== null) { // Remplacer l'ancien bouton par le nouveau ancienBouton.parentNode.replaceChild(Bouton, ancienBouton); } else { //console.error("Aucun bouton 'MODIFICATION DU COMPTE' trouvé dans le document."); } } //met a jour les info client si changement inclus mdp function maj_compte(){ // Valider le formulaire avant d'envoyer la requête if (!validerFormulaire()) { return; // Arrêter la fonction si la validation échoue } // Récupérer les données du formulaire var formData = new FormData(document.getElementById("nvo_membre")); // Envoyer les données en utilisant jQuery $.ajax({ type: "POST", url: "ycder_maj_membre.php", data: formData, processData: false, contentType: false, success: function(response) { // Traitement en cas de succès //console.log(response); // Afficher un message sur la page en fonction de la réponse if (response.includes("compte_ok")) { alert("Modification du compte Ok."); sauvegarde_sql(); //---------------------------------------------------------met a jour les options du membre //updateTotal(); // Rediriger vers une autre page si nécessaire // window.location.href = "nouvelle_page.php"; } else { alert("Une erreur s'est produite lors de la modification du compte."); } }, error: function(xhr, status, error) { // Gérer les erreurs console.error(xhr.responseText); alert("Une erreur s'est produite lors de la modification du compte."); } }); updateTotal(); } //------------------------------------------------------------------------------------------------------------------------------ // RECUP SQL BASE //------------------------------------------------------------------------------------------------------------------------------ function getOptionsByEmail(email) { $.ajax({ type: "POST", url: "ycder_get_options.php", data: { mail: email }, dataType: "json", success: function(response) { // Vérifier si des options ont été retournées if (response.length > 0) { var options = response[0]; // Prendre la première option (supposer qu'il n'y en a qu'une) // Récupérer les valeurs des options dans des variables distinctes var croiseur1 = options.croiseur1; if (croiseur1 > 0){ var checkbox = document.getElementById('check_bateau_principal'); checkbox.checked = true; var selectElement = document.getElementById('pet-select1'); selectElement.selectedIndex = croiseur1; afficherChampsAdditionnels_menu1() } var croiseur1saisie = options.croiseur1saisie; if (croiseur1 > 0){ var inputElement = document.getElementById('input_add_1croiseur_detail'); inputElement.value = croiseur1saisie; selectedId1 = croiseur1; updateTotal() } var membre_actif = options.membre_actif; if (membre_actif > 0){ var checkbox = document.getElementById('membre_actif_sans_bateau'); checkbox.checked = true; updateTotal() } var croiseur_terre1 = options.croiseur_terre1; if (croiseur_terre1 > 0){ var checkbox = document.getElementById('check_membre_actif'); checkbox.checked = true; afficherTable_bateau_terre() } var croiseur_terre1saisie = options.croiseur_terre1saisie; if (croiseur_terre1 > 0){ var inputbateau_terre1 = document.getElementById('saisie_bateau_a_terre_input1'); inputbateau_terre1.value = croiseur_terre1saisie; updateTotal() } var bateau2 = options.bateau2; if (bateau2 > 0){ var checkbox = document.getElementById('check_bateau_2'); checkbox.checked = true; var selectElement = document.getElementById('pet-select'); selectElement.selectedIndex = bateau2; selectedId2 = bateau2; afficherChampsAdditionnels_menu2() } var bateau2saisie = options.bateau2saisie; if (bateau2 > 0){ var inputElement = document.getElementById('add_2croiseur_detail'); inputElement.value = bateau2saisie; updateTotal() } var bateau3 = options.bateau3; if (bateau3 > 0){ var checkbox = document.getElementById('check_bateau_3'); checkbox.checked = true; var selectElement = document.getElementById('pet-select3'); selectElement.selectedIndex = bateau3; afficherChampsAdditionnels_menu3() } var bateau3saisie = options.bateau3saisie; if (bateau3 > 0){ var inputElement = document.getElementById('add_3croiseur_detail'); inputElement.value = bateau3saisie; updateTotal() } var licenceFFVA = options.licenceFFVA; if (licenceFFVA > 0){ var checkbox = document.getElementById('check_licence_A'); checkbox.checked = true; var selectElement = document.getElementById('pet-select2'); selectElement.selectedIndex = licenceFFVA; afficherTable_licence() } var licenceFFVAsaisie1 = options.licenceFFVAsaisie1; if (licenceFFVA > 1){ var inputElement = document.getElementById('saisie_licence2_input2'); inputElement.value = licenceFFVAsaisie1; updateTotal() } var licenceFFVAsaisie2 = options.licenceFFVAsaisie2; if (licenceFFVA > 2){ var inputElement = document.getElementById('saisie_licence3_input3'); inputElement.value = licenceFFVAsaisie2; updateTotal() } var licenceFFVE = options.licenceFFVE; if (licenceFFVE > 0){ var checkbox = document.getElementById('check_licence_E'); checkbox.checked = true; var selectElement = document.getElementById('pet-select4'); selectElement.selectedIndex = licenceFFVE; afficherTable_licence_enfant() } var licenceFFVEsaisie1 = options.licenceFFVEsaisie1; if (licenceFFVE > 0){ var inputElement = document.getElementById('saisie_licence_enfant1_input1'); inputElement.value = licenceFFVEsaisie1; updateTotal() } var licenceFFVEsaisie2 = options.licenceFFVEsaisie2; if (licenceFFVE > 1){ var inputElement = document.getElementById('saisie_licence_enfant2_input2'); inputElement.value = licenceFFVEsaisie2; updateTotal() } var licenceFFVEsaisie3 = options.licenceFFVEsaisie3; if (licenceFFVE >= 2){ var inputElement = document.getElementById('saisie_licence_enfant3_input3'); inputElement.value = licenceFFVEsaisie3; updateTotal() } var membre_actif_CE = options.membre_actif_CE; if (membre_actif_CE > 0){ var checkbox = document.getElementById('check_membre_CE'); checkbox.checked = true; var selectElement = document.getElementById('pet-select6'); selectElement.selectedIndex = membre_actif_CE; updateTotal() } var membre_actif_CE_saisie1 = options.membre_actif_CE_saisie1; if (membre_actif_CE > 0 ){ var inputElement = document.getElementById('saisie_membreCE1_input1'); inputElement.value = membre_actif_CE_saisie1; afficherTable('add_membreCE1'); cacherTable('add_membreCE2'); cacherTable('add_membreCE3'); cacherTable('add_membreCE4'); updateTotal() } var membre_actif_CE_saisie2 = options.membre_actif_CE_saisie2; if (membre_actif_CE > 1 ){ var inputElement = document.getElementById('saisie_membreCE2_input2'); inputElement.value = membre_actif_CE_saisie2; afficherTable('add_membreCE1'); afficherTable('add_membreCE2'); cacherTable('add_membreCE3'); cacherTable('add_membreCE4'); updateTotal() } var membre_actif_CE_saisie3 = options.membre_actif_CE_saisie3; if (membre_actif_CE > 2 ){ var inputElement = document.getElementById('saisie_membreCE3_input3'); inputElement.value = membre_actif_CE_saisie3; afficherTable('add_membreCE1'); afficherTable('add_membreCE2'); afficherTable('add_membreCE3'); cacherTable('add_membreCE4'); updateTotal() } var membre_actif_CE_saisie4 = options.membre_actif_CE_saisie4; if (membre_actif_CE > 3 ){ var inputElement = document.getElementById('saisie_membreCE4_input4'); inputElement.value = membre_actif_CE_saisie4; afficherTable('add_membreCE1'); afficherTable('add_membreCE2'); afficherTable('add_membreCE3'); afficherTable('add_membreCE4'); updateTotal() } var bateau_terre2_3 = options.bateau_terre2_3; if (bateau_terre2_3 > 0){ var checkbox = document.getElementById('check_bateau_aterre2'); checkbox.checked = true; var selectElement = document.getElementById('pet-select9'); selectElement.selectedIndex = bateau_terre2_3; updateTotal() } var bateau_terre2saisie = options.bateau_terre2saisie; if (bateau_terre2_3 > 0 ){ var inputElement = document.getElementById('add_bateauaterre2_detail'); inputElement.value = bateau_terre2saisie; afficherTable('table_add_2bateauaterre_detail'); cacherTable('table_add_3bateauaterre_detail'); updateTotal() } var bateau_terre3saisie = options.bateau_terre3saisie; if (bateau_terre2_3 > 1 ){ var inputElement = document.getElementById('add_bateauaterre3_detail'); inputElement.value = bateau_terre3saisie; afficherTable('table_add_2bateauaterre_detail'); afficherTable('table_add_3bateauaterre_detail'); updateTotal() } var aire_proprio_car1 = options.aire_proprio_car1; if (aire_proprio_car1 > 0){ var checkbox = document.getElementById('check_proprio_car1'); checkbox.checked = true; afficherChampsAdditionnels_airederepos_car1() updateTotal() } var aire_proprio_car1saisie = options.aire_proprio_car1saisie; if (aire_proprio_car1 > 0 ){ var inputElement = document.getElementById('add_saisie_car1_detail'); inputElement.value = aire_proprio_car1saisie; check_proprio_car2.disabled = false;//activer la possibilité de coché car2 updateTotal() } var aire_proprio_car2 = options.aire_proprio_car2; if (aire_proprio_car2 > 0 ){ var checkbox = document.getElementById('check_proprio_car2'); checkbox.checked = true; afficherChampsAdditionnels_airederepos_car2() updateTotal() } var aire_proprio_car2saisie = options.aire_proprio_car2saisie; if (aire_proprio_car2 > 0 ){ var inputElement = document.getElementById('add_saisie_car2_detail'); inputElement.value = aire_proprio_car2saisie; updateTotal() } var aire_noproprio_car1 = options.aire_noproprio_car1; if (aire_noproprio_car1 > 0){ var checkbox = document.getElementById('check_sansbato_car1'); checkbox.checked = true; afficherChampsAdditionnels_airederepos_sansbato_car1() } var aire_noproprio_car1saisie = options.aire_noproprio_car1saisie; if (aire_noproprio_car1 > 0 ){ var inputElement = document.getElementById('add_saisie_sansbatocar1_detail'); inputElement.value = aire_noproprio_car1saisie; check_sansbato_car2.disabled = false;//activer la possibilité de coché car2 updateTotal() } var aire_noproprio_car2 = options.aire_noproprio_car2; if (aire_noproprio_car2 > 0){ var checkbox = document.getElementById('check_sansbato_car2'); checkbox.checked = true; afficherChampsAdditionnels_airederepos_sansbato_car2() } var aire_noproprio_car2saisie = options.aire_noproprio_car2saisie; if (aire_noproprio_car2 > 0 ){ var inputElement = document.getElementById('add_saisie_sansbatocar2_detail'); inputElement.value = aire_noproprio_car2saisie; updateTotal() } var badge = options.badge; if (badge > 0){ var checkbox = document.getElementById('check_badge'); checkbox.checked = true; var selectElement = document.getElementById('pet-select7'); selectElement.selectedIndex = badge; updateTotal() } var fanion = options.fanion; if (fanion > 0){ var checkbox = document.getElementById('check_fanion'); checkbox.checked = true; var selectElement = document.getElementById('pet-select8'); selectElement.selectedIndex = fanion; updateTotal() } var total = options.total; //pas utilisé mais au cas ou /* Utiliser les variables récupérées comme nécessaire console.log("Croiseur 1:", croiseur1); console.log("Saisie Croiseur 1:", croiseur1saisie); console.log("Membre actif:", membre_actif); console.log("Croiseur Terre 1:", croiseur_terre1); console.log("Saisie Croiseur Terre 1:", croiseur_terre1saisie); console.log("Bateau 2:", bateau2); console.log("Saisie Bateau 2:", bateau2saisie); console.log("Bateau 3:", bateau3); console.log("Saisie Bateau 3:", bateau3saisie); console.log("Licence FFVA:", licenceFFVA); console.log("Saisie Licence FFVA 1:", licenceFFVAsaisie1); console.log("Saisie Licence FFVA 2:", licenceFFVAsaisie2); console.log("Licence FFVE:", licenceFFVE); console.log("Saisie Licence FFVE 1:", licenceFFVEsaisie1); console.log("Saisie Licence FFVE 2:", licenceFFVEsaisie2); console.log("Saisie Licence FFVE 3:", licenceFFVEsaisie3); console.log("Membre actif CE:", membre_actif_CE); console.log("Saisie Membre actif CE 1:", membre_actif_CE_saisie1); console.log("Saisie Membre actif CE 2:", membre_actif_CE_saisie2); console.log("Saisie Membre actif CE 3:", membre_actif_CE_saisie3); console.log("Saisie Membre actif CE 4:", membre_actif_CE_saisie4); console.log("Bateau Terre 2/3:", bateau_terre2_3); console.log("Saisie Bateau Terre 2:", bateau_terre2saisie); console.log("Saisie Bateau Terre 3:", bateau_terre3saisie); console.log("Aire proprio car 1:", aire_proprio_car1); console.log("Saisie Aire proprio car 1:", aire_proprio_car1saisie); console.log("Aire proprio car 2:", aire_proprio_car2); console.log("Saisie Aire proprio car 2:", aire_proprio_car2saisie); console.log("Aire no proprio car 1:", aire_noproprio_car1); console.log("Saisie Aire no proprio car 1:", aire_noproprio_car1saisie); console.log("Aire no proprio car 2:", aire_noproprio_car2); console.log("Saisie Aire no proprio car 2:", aire_noproprio_car2saisie); console.log("Badge:", badge); console.log("Fanion:", fanion); console.log("Total:", total); */ updateTotal(); // Faire d'autres traitements avec les données récupérées } else { //console.log("Aucune option trouvée pour cet email."); } }, error: function(xhr, status, error) { //console.error("Erreur lors de la récupération des options:", error); } }); } //----------------------------------------------------------------------------------------------------------------- // SAUVEGARDE SQL //----------------------------------------------------------------------------------------------------------------- function sauvegarde_sql() { // Récupérer le mail du membre var mail = document.getElementById("mail").value; //console.log("Mail:", mail); //bateau principal: var bateau1_ligne, texteSaisibateau1; var checkbox_bateau1 = document.getElementById('check_bateau_principal'); if (checkbox_bateau1.checked) { // Si le bateau 1 est coché, récupérer les données correspondantes var selectElement = document.getElementById('pet-select1'); bateau1_ligne = selectElement.selectedIndex; var inputElement = document.getElementById('input_add_1croiseur_detail'); texteSaisibateau1 = inputElement.value; //console.log("Texte saisi du bateau 1:", texteSaisibateau1); } // aire de repos membre actif sans bateau var checkbox_membreactif = document.getElementById('membre_actif_sans_bateau'); var membreactifchecked = checkbox_membreactif.checked ? 1 : 0; // membre actif bateau a terre 1 var checkbox_bateau_terre1 = document.getElementById('check_membre_actif'); var bateau_terre1 = checkbox_bateau_terre1.checked ? 1 : 0; var inputbateau_terre1 = document.getElementById('saisie_bateau_a_terre_input1'); texteSaisibateau_terre1 = inputbateau_terre1.value; // 2eme bateaux a flot var bateau2_ligne, texteSaisibateau2; var checkbox_bateau2 = document.getElementById('check_bateau_2'); if (checkbox_bateau2.checked) { // Si le bateau 2 est coché, récupérer les données correspondantes var selectElementbat2 = document.getElementById('pet-select'); bateau2_ligne = selectElementbat2.selectedIndex; var inputElementbat2 = document.getElementById('add_2croiseur_detail'); texteSaisibateau2 = inputElementbat2.value; } // 3eme bateaux a flot var bateau3_ligne, texteSaisibateau3; var checkbox_bateau3 = document.getElementById('check_bateau_3'); if (checkbox_bateau3.checked) { // Si le bateau 3 est coché, récupérer les données correspondantes var selectElementbat3 = document.getElementById('pet-select3'); bateau3_ligne = selectElementbat3.selectedIndex; var inputElementbat3 = document.getElementById('add_3croiseur_detail'); texteSaisibateau3 = inputElementbat3.value; } // Licence FFV Adulte var sauvelicenceFFVA, texteSaisiFFVA1, texteSaisiFFVA2; var checkbox_sauvelicenceFFVA = document.getElementById('check_licence_A'); if (checkbox_sauvelicenceFFVA.checked) { // Si licence FFV Adulte est coché, récupérer les données correspondantes var selectElementFFVA = document.getElementById('pet-select2'); sauvelicenceFFVA = selectElementFFVA.selectedIndex; var inputElementFFVA1 = document.getElementById('saisie_licence2_input2'); texteSaisiFFVA1 = inputElementFFVA1.value; var inputElementFFVA2 = document.getElementById('saisie_licence3_input3'); texteSaisiFFVA2 = inputElementFFVA2.value; } // Licence FFV -18ANS var sauvelicenceFFVE, texteSaisiFFVE1, texteSaisiFFVE2, texteSaisiFFVE3; var checkbox_sauvelicenceFFVE = document.getElementById('check_licence_E'); if (checkbox_sauvelicenceFFVE.checked) { // Si licence FFV -18ANS est coché, récupérer les données correspondantes var selectElementFFVE = document.getElementById('pet-select4'); sauvelicenceFFVE = selectElementFFVE.selectedIndex; var inputElementFFVE1 = document.getElementById('saisie_licence_enfant1_input1'); texteSaisiFFVE1 = inputElementFFVE1.value; var inputElementFFVE2 = document.getElementById('saisie_licence_enfant2_input2'); texteSaisiFFVE2 = inputElementFFVE2.value; var inputElementFFVE3 = document.getElementById('saisie_licence_enfant3_input3'); texteSaisiFFVE3 = inputElementFFVE3.value; } // Membre actif Conjoint Enfant var sauve_membreCE, texteSaisiMBCE1, texteSaisiMBCE2, texteSaisiMBCE3, texteSaisiMBCE4; var checkbox_sauve_membreCE = document.getElementById('check_membre_CE'); if (checkbox_sauve_membreCE.checked) { // Si membre actif conjoint enfant est coché, récupérer les données correspondantes var selectElementMBCE = document.getElementById('pet-select6'); sauve_membreCE = selectElementMBCE.selectedIndex; var inputElementMBCE1 = document.getElementById('saisie_membreCE1_input1'); texteSaisiMBCE1 = inputElementMBCE1.value; var inputElementMBCE2 = document.getElementById('saisie_membreCE2_input2'); texteSaisiMBCE2 = inputElementMBCE2.value; var inputElementMBCE3 = document.getElementById('saisie_membreCE3_input3'); texteSaisiMBCE3 = inputElementMBCE3.value; var inputElementMBCE4 = document.getElementById('saisie_membreCE4_input4'); texteSaisiMBCE4 = inputElementMBCE4.value; } // Bateaux à terre 2 et 3 var sauve_bateau_terre23, texteSaisiBat2terre, texteSaisiBat3terre; var checkbox_sauve_bateau_terre23 = document.getElementById('check_bateau_aterre2'); if (checkbox_sauve_bateau_terre23.checked) { // Si membre actif conjoint enfant est coché, récupérer les données correspondantes var selectElementBatoterre23 = document.getElementById('pet-select9'); sauve_bateau_terre23 = selectElementBatoterre23.selectedIndex; var inputElementBato_terre2 = document.getElementById('add_bateauaterre2_detail'); texteSaisiBat2terre = inputElementBato_terre2.value; var inputElementBato_terre3 = document.getElementById('add_bateauaterre3_detail'); texteSaisiBat3terre = inputElementBato_terre3.value; } // aire de repose proprio bateau CAR1 var sauve_pro_car1 = check_proprio_car1.checked ? 1 : 0; var inputtexteSaisiProCar1 = document.getElementById('add_saisie_car1_detail'); var texteSaisiProCar1 = inputtexteSaisiProCar1.value; // aire de repose proprio bateau CAR2 var sauve_pro_car2 = check_proprio_car2.checked ? 1 : 0; var inputtexteSaisiProCar2 = document.getElementById('add_saisie_car2_detail'); var texteSaisiProCar2 = inputtexteSaisiProCar2.value; // aire de repose sans bateau CAR1 var sauve_sans_car1 = check_sansbato_car1.checked ? 1 : 0; var inputtexteSaisisansCar1 = document.getElementById('add_saisie_sansbatocar1_detail'); var texteSaisisansCar1 = inputtexteSaisisansCar1.value; // aire de repose sans bateau CAR2 var sauve_sans_car2 = check_sansbato_car2.checked ? 1 : 0; var inputtexteSaisisansCar2 = document.getElementById('add_saisie_sansbatocar2_detail'); var texteSaisisansCar2 = inputtexteSaisisansCar2.value; // Badge var selectElementbadge = document.getElementById('pet-select7'); var sauve_badge = selectElementbadge.selectedIndex; // Fanion var selectElementfanion = document.getElementById('pet-select8'); var sauve_fanion = selectElementfanion.selectedIndex; // Total var sauve_total = document.getElementById('hiddenTotal').value; // Construire les données à envoyer dans la requête POST var postData = { mail: mail, // Pas besoin d'encoder ici car le navigateur le fera automatiquement bateau1_ligne: bateau1_ligne !== undefined ? bateau1_ligne : 0, texteSaisibateau1: texteSaisibateau1 !== undefined ? texteSaisibateau1 : '', membreactif: membreactifchecked, bateau_terre1: bateau_terre1, texteSaisibateau_terre1: texteSaisibateau_terre1 !== undefined ? texteSaisibateau_terre1 : '', bateau2_ligne: bateau2_ligne !== undefined ? bateau2_ligne : 0, texteSaisibateau2: texteSaisibateau2 !== undefined ? texteSaisibateau2 : '', bateau3_ligne: bateau3_ligne !== undefined ? bateau3_ligne : 0, texteSaisibateau3: texteSaisibateau3 !== undefined ? texteSaisibateau3 : '', sauvelicenceFFVA: sauvelicenceFFVA !== undefined ? sauvelicenceFFVA : 0, texteSaisiFFVA1: texteSaisiFFVA1 !== undefined ? texteSaisiFFVA1 : '', texteSaisiFFVA2: texteSaisiFFVA2 !== undefined ? texteSaisiFFVA2 : '', sauvelicenceFFVE: sauvelicenceFFVE !== undefined ? sauvelicenceFFVE : 0, texteSaisiFFVE1: texteSaisiFFVE1 !== undefined ? texteSaisiFFVE1 : '', texteSaisiFFVE2: texteSaisiFFVE2 !== undefined ? texteSaisiFFVE2 : '', texteSaisiFFVE3: texteSaisiFFVE3 !== undefined ? texteSaisiFFVE3 : '', sauve_membreCE: sauve_membreCE !== undefined ? sauve_membreCE : 0, texteSaisiMBCE1: texteSaisiMBCE1 !== undefined ? texteSaisiMBCE1 : '', texteSaisiMBCE2: texteSaisiMBCE2 !== undefined ? texteSaisiMBCE2 : '', texteSaisiMBCE3: texteSaisiMBCE3 !== undefined ? texteSaisiMBCE3 : '', texteSaisiMBCE4: texteSaisiMBCE4 !== undefined ? texteSaisiMBCE4 : '', sauve_bateau_terre23: sauve_bateau_terre23 !== undefined ? sauve_bateau_terre23 : 0, texteSaisiBat2terre: texteSaisiBat2terre !== undefined ? texteSaisiBat2terre : '', texteSaisiBat3terre: texteSaisiBat3terre !== undefined ? texteSaisiBat3terre : '', sauve_pro_car1: sauve_pro_car1 !== undefined ? sauve_pro_car1 : 0, texteSaisiProCar1: texteSaisiProCar1 !== undefined ? texteSaisiProCar1 : '', sauve_pro_car2: sauve_pro_car2 !== undefined ? sauve_pro_car2 : 0, texteSaisiProCar2: texteSaisiProCar2 !== undefined ? texteSaisiProCar2 : '', sauve_sans_car1: sauve_sans_car1 !== undefined ? sauve_sans_car1 : 0, texteSaisisansCar1: texteSaisisansCar1 !== undefined ? texteSaisisansCar1 : '', sauve_sans_car2: sauve_sans_car2 !== undefined ? sauve_sans_car2 : 0, texteSaisisansCar2: texteSaisisansCar2 !== undefined ? texteSaisisansCar2 : '', sauve_badge: sauve_badge !== undefined ? sauve_badge : 0, sauve_fanion: sauve_fanion !== undefined ? sauve_fanion : 0, sauve_total: sauve_total !== undefined ? sauve_total : 0 }; console. log(postData); // Effectuer la requête AJAX $.ajax({ type: "POST", url: "ycder_options.php", data: postData, success: function(response) { // Gérer la réponse de la requête console.log(response); }, error: function(xhr, status, error) { // Gérer les erreurs de la requête //console.error(error); } }); } //----------------------------------------------------------------------------------------------------------------------- // --- BOUTON ETAPE 2 --- //----------------------------------------------------------------------------------------------------------------------- // VERRIF SI ID pour valider le bulletin <------------------------ CLIC BOUTON ETAPE 2 function verifierUtilisateurId() { //---------------------------SURVEILLANCE ZONE DE SAISIE----------------------------------------------- //verrif saisie bato 1 var checkbox_bateau1 = document.getElementById('check_bateau_principal'); var inputcheckbox_bateau1 = document.getElementById('input_add_1croiseur_detail'); if (!checkbox_bateau1.checked) { // Si la case n'est pas cochée, réinitialisez la valeur du champ inputcheckbox_bateau1.value = ''; } else { // Si la case est cochée, vérifiez et traitez la valeur du champ var valeurChamp = inputcheckbox_bateau1.value.trim(); if (!valeurChamp) { alert("Remplissez toutes les informations du bateau principal!"); return; } } //verrif bato a terre 1 var checkbox_bateau1_terre = document.getElementById('check_membre_actif'); var inputcheckbox_bateau1_terre = document.getElementById('saisie_bateau_a_terre_input1'); if (!checkbox_bateau1_terre.checked) { inputcheckbox_bateau1_terre.value = ''; } else { var valeurChamp = inputcheckbox_bateau1_terre.value.trim(); // Trim pour enlever les espaces vides au début et à la fin if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations du bateau principal!"); return; } } //verrif 2eme bateau a flot var checkbox_bateau2 = document.getElementById('check_bateau_2'); var inputcheckbox_bateau2 = document.getElementById('add_2croiseur_detail'); if (!checkbox_bateau2.checked) { inputcheckbox_bateau2.value = ''; } else { var valeurChamp = inputcheckbox_bateau2.value.trim(); // Trim pour enlever les espaces vides au début et à la fin // Vérifier si le champ est vide if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations du bateau 2!"); return; } } //verrif 3eme bateau a flot var checkbox_bateau3 = document.getElementById('check_bateau_3'); var inputcheckbox_bateau3 = document.getElementById('add_3croiseur_detail'); if (!checkbox_bateau3.checked) { inputcheckbox_bateau3.value = ''; } else { var valeurChamp = inputcheckbox_bateau3.value.trim(); // Trim pour enlever les espaces vides au début et à la fin // Vérifier si le champ est vide if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations du bateau 3!"); return; } } //Licence Adulte FFV var checkbox_licenceAdulte = document.getElementById('check_licence_A'); if (checkbox_licenceAdulte.checked) { var select = document.getElementById('pet-select2'); // Récupérer la ligne choisie var selectedRowIndex = select.selectedIndex; // Effectuer une vérification en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Ne rien faire pour la première ligne break; case 1: // Ne rien faire pour la licence au nom du membre principal //efface si saisie2 et 3 var inputElementFFVA1 = document.getElementById('saisie_licence2_input2'); inputElementFFVA1.value = ""; var inputElementFFVA2 = document.getElementById('saisie_licence3_input3'); inputElementFFVA2.value = ""; break; case 2: // Vérifier si le champ pour la licence 2 est vide var input2 = document.getElementById('saisie_licence2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations pour la Licence 2 !"); return; } //efface si saisie 3 var inputElementFFVA2 = document.getElementById('saisie_licence3_input3'); inputElementFFVA2.value = ""; break; case 3: // Vérifier si les champs pour la licence 2 et 3 sont vides var input2 = document.getElementById('saisie_licence2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations pour la Licence 2 !"); return; } var input3 = document.getElementById('saisie_licence3_input3'); var valeurChamp3 = input3.value.trim(); if (!valeurChamp3) { alert("Remplissez toutes les informations pour la Licence 3 !"); return; } break; default: //console.log("L'utilisateur a choisi une ligne non reconnue"); } } //Licence -18ANS FFV var checkbox_licenceEnfant = document.getElementById('check_licence_E'); if (!checkbox_licenceEnfant.checked) { //si non coché efface saisies var inputElementFFVE1 = document.getElementById('saisie_licence_enfant1_input1'); inputElementFFVE1.value = ""; var inputElementFFVE2 = document.getElementById('saisie_licence_enfant2_input2'); inputElementFFVE2.value = ""; var inputElementFFVE3 = document.getElementById('saisie_licence_enfant3_input3'); inputElementFFVE3.value = ""; } if (checkbox_licenceEnfant.checked) { var select = document.getElementById('pet-select4'); // Récupérer la ligne choisie var selectedRowIndex = select.selectedIndex; // Effectuer une vérification en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Ne rien faire pour la première ligne //efface toutes les saisies var inputElementFFVE1 = document.getElementById('saisie_licence_enfant1_input1'); inputElementFFVE1.value = ""; var inputElementFFVE2 = document.getElementById('saisie_licence_enfant2_input2'); inputElementFFVE2.value = ""; var inputElementFFVE3 = document.getElementById('saisie_licence_enfant3_input3'); inputElementFFVE3.value = ""; break; case 1: // Vérifier si le champ pour la licence 1 est vide var input1 = document.getElementById('saisie_licence_enfant1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations pour la Licence 1 FFV -18Ans !"); return; } //efface saisie 2 ET 3 var inputElementFFVE2 = document.getElementById('saisie_licence_enfant2_input2'); inputElementFFVE2.value = ""; var inputElementFFVE3 = document.getElementById('saisie_licence_enfant3_input3'); inputElementFFVE3.value = ""; break; case 2: // Vérifier si le champ pour la licence 1 et 2 est vide var input1 = document.getElementById('saisie_licence_enfant1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations pour la Licence 1 FFV -18Ans !"); return; } var input2 = document.getElementById('saisie_licence_enfant2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations pour la Licence 2 FFV -18Ans !"); return; } //efface saisie 3 var inputElementFFVE3 = document.getElementById('saisie_licence_enfant3_input3'); inputElementFFVE3.value = ""; break; case 3: // Vérifier si les champs pour la licence 1,2 et 3 sont vides var input1 = document.getElementById('saisie_licence_enfant1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations pour la Licence 1 FFV -18Ans !"); return; } var input2 = document.getElementById('saisie_licence_enfant2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations pour la Licence 2 FFV -18Ans !"); return; } var input3 = document.getElementById('saisie_licence_enfant3_input3'); var valeurChamp3 = input3.value.trim(); if (!valeurChamp3) { alert("Remplissez toutes les informations pour la Licence 3 FFV -18Ans !"); return; } break; default: //console.log("L'utilisateur a choisi une ligne non reconnue"); } } //Membre actif conjoint ou enfant var checkbox_membreCE = document.getElementById('check_membre_CE'); if (!checkbox_membreCE.checked) { //si non check efface les saisies var inputmembreCE1 = document.getElementById('saisie_membreCE1_input1'); inputmembreCE1.value = ""; var inputmembreCE2 = document.getElementById('saisie_membreCE2_input2'); inputmembreCE2.value = ""; var inputmembreCE3 = document.getElementById('saisie_membreCE3_input3'); inputmembreCE3.value = ""; var inputmembreCE4 = document.getElementById('saisie_membreCE4_input4'); inputmembreCE4.value = ""; } if (checkbox_membreCE.checked) { var select = document.getElementById('pet-select6'); // Récupérer la ligne choisie var selectedRowIndex = select.selectedIndex; // Effectuer une vérification en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Ne rien faire pour la première ligne //efface toutes les saisies var inputmembreCE1 = document.getElementById('saisie_membreCE1_input1'); inputmembreCE1.value = ""; var inputmembreCE2 = document.getElementById('saisie_membreCE2_input2'); inputmembreCE2.value = ""; var inputmembreCE3 = document.getElementById('saisie_membreCE3_input3'); inputmembreCE3.value = ""; var inputmembreCE4 = document.getElementById('saisie_membreCE4_input4'); inputmembreCE4.value = ""; break; case 1: // Vérifier si le champ 1 est vide var input1 = document.getElementById('saisie_membreCE1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 1 !"); return; } //efface saisies 2 3 4 var inputmembreCE2 = document.getElementById('saisie_membreCE2_input2'); inputmembreCE2.value = ""; var inputmembreCE3 = document.getElementById('saisie_membreCE3_input3'); inputmembreCE3.value = ""; var inputmembreCE4 = document.getElementById('saisie_membreCE4_input4'); inputmembreCE4.value = ""; break; case 2: // Vérifier si le champ 1 et 2 est vide var input1 = document.getElementById('saisie_membreCE1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 1 !"); return; } var input2 = document.getElementById('saisie_membreCE2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 2 !"); return; } //efface saisies 3 4 var inputmembreCE3 = document.getElementById('saisie_membreCE3_input3'); inputmembreCE3.value = ""; var inputmembreCE4 = document.getElementById('saisie_membreCE4_input4'); inputmembreCE4.value = ""; break; case 3: // Vérifier si les champs 1,2 et 3 sont vides var input1 = document.getElementById('saisie_membreCE1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 1 !"); return; } var input2 = document.getElementById('saisie_membreCE2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 2 !"); return; } var input3 = document.getElementById('saisie_membreCE3_input3'); var valeurChamp3 = input3.value.trim(); if (!valeurChamp3) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 3 !"); return; } //efface saisie 4 var inputmembreCE4 = document.getElementById('saisie_membreCE4_input4'); inputmembreCE4.value = ""; break; case 4: // Vérifier si les champs 1,2,3 et 4 sont vides var input1 = document.getElementById('saisie_membreCE1_input1'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 1 !"); return; } var input2 = document.getElementById('saisie_membreCE2_input2'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 2 !"); return; } var input3 = document.getElementById('saisie_membreCE3_input3'); var valeurChamp3 = input3.value.trim(); if (!valeurChamp3) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 3 !"); return; } var input4 = document.getElementById('saisie_membreCE4_input4'); var valeurChamp4 = input4.value.trim(); if (!valeurChamp4) { alert("Remplissez toutes les informations Membre Actif Conjoint ou Enfant 4 !"); return; } break; default: //console.log("L'utilisateur a choisi une ligne non reconnue"); } } //Bateau a terre 2 et 3 var checkbox_batoterre23 = document.getElementById('check_bateau_aterre2'); if (!checkbox_batoterre23.checked) { //si non check efface les saisies var inputbato2 = document.getElementById('add_bateauaterre2_detail'); inputbato2.value = ""; var inputbato3 = document.getElementById('add_bateauaterre3_detail'); inputbato3.value = ""; } if (checkbox_batoterre23.checked) { var select = document.getElementById('pet-select9'); // Récupérer la ligne choisie var selectedRowIndex = select.selectedIndex; // Effectuer une vérification en fonction de la ligne sélectionnée switch (selectedRowIndex) { case 0: // Ne rien faire pour la première ligne //effaces les saisies var inputbato2 = document.getElementById('add_bateauaterre2_detail'); inputbato2.value = ""; var inputbato3 = document.getElementById('add_bateauaterre3_detail'); inputbato3.value = ""; break; case 1: // Vérifier si le champ 1 est vide var input1 = document.getElementById('add_bateauaterre2_detail'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations du Bateau \u00e0 terre 2 !"); return; } //effaces saisie 3 var inputbato3 = document.getElementById('add_bateauaterre3_detail'); inputbato3.value = ""; break; case 2: // Vérifier si le champ 1 et 2 est vide var input1 = document.getElementById('add_bateauaterre2_detail'); var valeurChamp1 = input1.value.trim(); if (!valeurChamp1) { alert("Remplissez toutes les informations du Bateau \u00e0 terre 2 !"); return; } var input2 = document.getElementById('add_bateauaterre3_detail'); var valeurChamp2 = input2.value.trim(); if (!valeurChamp2) { alert("Remplissez toutes les informations du Bateau \u00e0 terre 3 !"); return; } break; default: //console.log("L'utilisateur a choisi une ligne non reconnue"); } } //aire de repos proprio bato caravane 1 var checkbox_bateaucar1 = document.getElementById('check_proprio_car1'); if (!checkbox_bateaucar1.checked) { //si non check efface saisie var input = document.getElementById('add_saisie_car1_detail'); input.value= ''; } if (checkbox_bateaucar1.checked) { // Récupérer la valeur du champ de saisie var input = document.getElementById('add_saisie_car1_detail'); var valeurChamp = input.value.trim(); // Trim pour enlever les espaces vides au début et à la fin // Vérifier si le champ est vide if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations AIRE DE REPOS Caravane 1 !"); return; } } //aire de repos proprio bato caravane 2 var checkbox_bateaucar2 = document.getElementById('check_proprio_car2'); if (!checkbox_bateaucar2.checked) { //si non check efface saisie var input = document.getElementById('add_saisie_car2_detail'); input.value= ''; } if (checkbox_bateaucar2.checked) { // Récupérer la valeur du champ de saisie var input = document.getElementById('add_saisie_car2_detail'); var valeurChamp = input.value.trim(); // Trim pour enlever les espaces vides au début et à la fin // Vérifier si le champ est vide if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations AIRE DE REPOS Caravane 2 !"); return; } } //aire de repos SANS bato caravane 1 var checkbox_sansbateaucar1 = document.getElementById('check_sansbato_car1'); if (!checkbox_sansbateaucar1.checked) { //si non check efface saisie var input = document.getElementById('add_saisie_sansbatocar1_detail'); input.value= ''; } if (checkbox_sansbateaucar1.checked) { // Récupérer la valeur du champ de saisie var input = document.getElementById('add_saisie_sansbatocar1_detail'); var valeurChamp = input.value.trim(); // Trim pour enlever les espaces vides au début et à la fin // Vérifier si le champ est vide if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations AIRE DE REPOS Caravane 1 !"); return; } } //aire de repos SANS bato caravane 2 var checkbox_sansbateaucar2 = document.getElementById('check_sansbato_car2'); if (!checkbox_sansbateaucar2.checked) { //si non check efface saisie var input = document.getElementById('add_saisie_sansbatocar2_detail'); input.value= ''; } if (checkbox_sansbateaucar2.checked) { // Récupérer la valeur du champ de saisie var input = document.getElementById('add_saisie_sansbatocar2_detail'); var valeurChamp = input.value.trim(); // Trim pour enlever les espaces vides au début et à la fin // Vérifier si le champ est vide if (!valeurChamp) { // Afficher un message d'alerte et arrêter la fonction alert("Remplissez toutes les informations AIRE DE REPOS Caravane 2 !"); return; } } //FIn surveillance saisie membre //suite validation bouton ETAPE2 var utilisateurId = parseInt(document.getElementById("utilisateurIdLabel").innerText);//recup l'id une fois connect //console.log("clic bouton verrifID membre"); if (utilisateurId > 0) { // L'ID de l'utilisateur est valide, soumettre le formulaire //console.log("id ok enregistre"); // Affectation de la valeur au champ caché du formulaire 2 var utilisateurIdInput = document.getElementById("utilisateur_id"); utilisateurIdInput.value = utilisateurId; document.getElementById("bulletin").submit(); //------------------------------------------- Soumettre le formulaire BULLETIN2 sauvegarde_sql() //fonction sauvegarde les options en base } else { // Afficher un message d'erreur alert("Veuillez d'abord cr\u00e9er un compte ou vous loguer."); } } //------------------------------------------------------------------------------------------------------------------------------- // supprimer compte //------------------------------------------------------------------------------------------------------------------------------- function supprimer_compte() { // Récupérer les valeurs des champs var email = document.getElementById("mail").value; var userId = document.getElementById("utilisateurIdLabel").innerText; // Créer un objet de données à envoyer à la page PHP var data = { email: email, userId: userId }; // Effectuer une requête AJAX $.ajax({ type: "POST", url: "ycder_remove_user.php", data: data, success: function(response) { // Traitement de la réponse alert("Compte utilisateur supprim\u00e9 avec succ\u00e8s !"); // Recharger la page ou effectuer d'autres actions si nécessaire location.reload(); // Recharge la page après la suppression du compte }, error: function(xhr, status, error) { // Gérer les erreurs de la requête AJAX alert("Erreur lors de la suppression du compte utilisateur : " + error); } }); } //----------------------------------------------------------------------------------------------------------------------------------- //---------------------------------------------------------------------------------------------------------------------------------------- // UPDATE TOTAL maj chaque clic //---------------------------------------------------------------------------------------------------------------------------------------- //------------------------------------------------------------------------------------------------------------------------------------- function updateTotal() { try { //verrif si logué pour afficher le bouton supprimer compte var utilisateurId = parseInt(document.getElementById("utilisateurIdLabel").innerText);//recup l'id une fois connect if (utilisateurId > 0) { document.getElementById("supprimer_compte1").disabled = false; } else { document.getElementById("supprimer_compte1").disabled = true; } //croiseur principal var total1 = 0; var selectedOption = document.getElementById("pet-select1").options[document.getElementById("pet-select1").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection1[]')[0]; //0 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; //selectedId1 = selectedOption.index; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total total1 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection1[]')[0]; checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } //decoché bateau a terre 1 var checkbox_bateau_principal = document.getElementById('check_bateau_principal'); //chope element bateau principal si checked var checkbox_bateau_aterre = document.getElementById('check_membre_actif'); //chope element bateau a terre var checkbox_membre_actif = document.getElementById('membre_actif_sans_bateau'); if (checkbox_bateau_principal.checked){ //checkbox_bateau_aterre.value = ''; checkbox_bateau_aterre.checked = false; afficherTable_bateau_terre(); checkbox_membre_actif.checked = false;//decoché membre actif si bateau 1 est coché } if (checkbox_bateau_aterre.checked){ checkbox_membre_actif.checked = false;//decoché membre actif si bateau a terre 1 est coché } if (checkbox_membre_actif.checked){ checkbox_bateau_aterre.checked = false;//decoché bateau a terre 1 si membre actif est coché } //aire de repos proprio bateau caravane 1 et 2 var checkbox_airderepos_proprio_bateau_car1 = document.getElementById('check_proprio_car1'); var checkbox_airderepos_proprio_bateau_car2 = document.getElementById('check_proprio_car2'); // Ajoutez un écouteur d'événement sur la checkbox car1 checkbox_airderepos_proprio_bateau_car1.addEventListener('change', function() { // Si car1 est décoché, décochez également car2 if (!checkbox_airderepos_proprio_bateau_car1.checked) { checkbox_airderepos_proprio_bateau_car2.checked = false; afficherChampsAdditionnels_airederepos_car1() //enleve table saisie car1 afficherChampsAdditionnels_airederepos_car2() //enleve table saisie car2 } else { // Si car1 est coché, activez la checkbox car2 checkbox_airderepos_proprio_bateau_car2.disabled = false; afficherChampsAdditionnels_airederepos_car1() //affiche saisie car1 immatriculation //afficherChampsAdditionnels_airederepos_car2() //affiche saisie car2 immatriculation // Décochez car2 uniquement si car2 était coché if (checkbox_airderepos_proprio_bateau_car2.checked) { checkbox_airderepos_proprio_bateau_car2.checked = false; afficherChampsAdditionnels_airederepos_car2() } } updateTotal() }); // Ajoutez un écouteur d'événement sur la checkbox car2 checkbox_airderepos_proprio_bateau_car2.addEventListener('change', function() { // Si car2 est coché mais car1 n'est pas coché, décochez car2 if (checkbox_airderepos_proprio_bateau_car2.checked && !checkbox_airderepos_proprio_bateau_car1.checked) { checkbox_airderepos_proprio_bateau_car2.checked = false; //afficherChampsAdditionnels_airederepos_car2() //enleve table saisie car2 } //si car1 est coché afficher la table de saisie if(checkbox_airderepos_proprio_bateau_car1.checked ){ afficherChampsAdditionnels_airederepos_car2() } //updateTotal() }); // Désactivez car2 initialement si car1 n'est pas coché if (!checkbox_airderepos_proprio_bateau_car1.checked) { checkbox_airderepos_proprio_bateau_car2.disabled = true; afficherChampsAdditionnels_airederepos_car2() } //afficherChampsAdditionnels_airederepos_sansbato_car2()-------------------AIRE DE REOPS SANS BATO var checkbox_airderepos_sansbato_bateau_car1 = document.getElementById('check_sansbato_car1'); var checkbox_airderepos_sansbato_bateau_car2 = document.getElementById('check_sansbato_car2'); // Ajoutez un écouteur d'événement sur la checkbox car1 checkbox_airderepos_sansbato_bateau_car1.addEventListener('change', function() { // Si car1 est décoché, décochez également car2 if (!checkbox_airderepos_sansbato_bateau_car1.checked) { checkbox_airderepos_sansbato_bateau_car2.checked = false; afficherChampsAdditionnels_airederepos_sansbato_car1() //enleve table saisie car1 afficherChampsAdditionnels_airederepos_sansbato_car2() //enleve table saisie car2 } else { // Si car1 est coché, activez la checkbox car2 checkbox_airderepos_sansbato_bateau_car2.disabled = false; afficherChampsAdditionnels_airederepos_sansbato_car1() //affiche saisie car1 immatriculation // Décochez car2 uniquement si car2 était coché if (checkbox_airderepos_sansbato_bateau_car2.checked) { checkbox_airderepos_sansbato_bateau_car2.checked = false; afficherChampsAdditionnels_airederepos_sansbato_car2() } } updateTotal() }); // Ajoutez un écouteur d'événement sur la checkbox car2 checkbox_airderepos_sansbato_bateau_car2.addEventListener('change', function() { // Si car2 est coché mais car1 n'est pas coché, décochez car2 if (checkbox_airderepos_sansbato_bateau_car2.checked && !checkbox_airderepos_sansbato_bateau_car1.checked) { checkbox_airderepos_sansbato_bateau_car2.checked = false; } //si car1 est coché afficher la table de saisie if(checkbox_airderepos_sansbato_bateau_car1.checked ){ afficherChampsAdditionnels_airederepos_sansbato_car2() } //updateTotal() }); // Désactivez car2 initialement si car1 n'est pas coché if (!checkbox_airderepos_sansbato_bateau_car1.checked) { checkbox_airderepos_sansbato_bateau_car2.disabled = true; afficherChampsAdditionnels_airederepos_sansbato_car2() } //2 Eme croiseur var total = 0; var selectedOption = document.getElementById("pet-select").options[document.getElementById("pet-select").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection4[]')[0]; //3 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; //selectedId2 = selectedOption.index; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total total += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection4[]')[0]; checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; selectedId2 = selectedOption.index; } // Ajoutez la logique pour calculer le total des cases à cocher document.querySelectorAll('input[name="selection4[]"]').forEach(function (checkbox) { if (checkbox.checked && checkbox !== document.getElementsByName('selection4[]')[0]) { //3 total += parseFloat(checkbox.value); } //croiseur 3 var total3 = 0; var selectedOption = document.getElementById("pet-select3").options[document.getElementById("pet-select3").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection5[]')[0]; //4 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total total3 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection5[]')[0]; //4 checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } /// 2eme bateau a terre var checkbox2 = document.getElementById('check_bateau_aterre2'); var selectedOption = document.getElementById("pet-select9").options[document.getElementById("pet-select9").selectedIndex]; var checkbox8 = document.getElementsByName('selection9[]')[0]; //8 // Vérifiez si 2eme menu bateau a terre est cochée if (checkbox2.checked) { // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); checkbox8.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox8 checkbox8.checked = true; // Ajoutez la valeur de l'option au total // total1 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox8 checkbox8.value = ''; // Réinitialisez la valeur checkbox8.checked = false; //alert("Veuillez cocher 1er bateau à terre"); } } else { // Si la checkbox2 est décochée, décochez également la checkbox8 checkbox8.value = ''; // Réinitialisez la valeur checkbox8.checked = false; // Réinitialisez le menu2 à la valeur par défaut (index 0) document.getElementById('pet-select9').selectedIndex = 0; afficherTable_saisie_bateauaterre() //rappel pour effacer table saisie } //licence adulte var total2 = 0; var selectedOption = document.getElementById("pet-select2").options[document.getElementById("pet-select2").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection6[]')[0]; //5 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total //total2 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection6[]')[0]; //5 //checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } //licence enfant var total4 = 0; var selectedOption = document.getElementById("pet-select4").options[document.getElementById("pet-select4").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection7[]')[0]; //6 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total //total4 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection7[]')[0]; //6 //checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } //membre actif conjoint ou enfant var total6 = 0; var selectedOption = document.getElementById("pet-select6").options[document.getElementById("pet-select6").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection8[]')[0]; //7 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total //total6 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection8[]')[0]; //7 //checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } //badge menu var total7 = 0; var selectedOption = document.getElementById("pet-select7").options[document.getElementById("pet-select7").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection14[]')[0]; //13 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total //total6 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection14[]')[0]; //13 //checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } //badge fanion var total8 = 0; var selectedOption = document.getElementById("pet-select8").options[document.getElementById("pet-select8").selectedIndex]; // Vérifiez si une option est sélectionnée if (selectedOption && selectedOption.value) { // Mettez à jour la valeur de la case à cocher avec la valeur de l'option var montantLibelle = selectedOption.value.split(','); var checkbox = document.getElementsByName('selection15[]')[0]; //14 checkbox.value = montantLibelle[0] + ',' + montantLibelle[1]; // Cochez automatiquement la checkbox checkbox.checked = true; // Ajoutez la valeur de l'option au total //total6 += parseFloat(montantLibelle[0]); } else { // Si aucune option n'est sélectionnée, décochez la checkbox var checkbox = document.getElementsByName('selection15[]')[0]; //14 //checkbox.value = ''; // Réinitialisez la valeur checkbox.checked = false; } }); //bas de updateTotal //calcul de tout les selectionx[] var total = 0; // Boucle à travers toutes les sélections for (var i = 1; i <= 16; i++) { //16 avant var checkboxes = document.getElementsByName('selection' + i + '[]'); // Boucle à travers toutes les cases cochées dans chaque sélection for (var j = 0; j < checkboxes.length; j++) { if (checkboxes[j].checked) { // Récupérer la valeur (montant) de chaque case cochée et l'ajouter au total var value = checkboxes[j].value.split(',')[0]; // Récupère le montant total += parseFloat(value); } } } // Mettre à jour l'élément HTML qui affiche le total //document.getElementById('total').innerHTML = total; document.getElementById('total').innerText = 'Total : ' + total.toFixed(2); document.getElementById('hiddenTotal').value = total.toFixed(2); } catch (error) { console.error('Erreur JavaScript :', error.message); } } // Appeler la fonction au chargement de la page window.addEventListener('load', updateTotal);