Récupérer des propriétés dans une Modale
Bonjour
Pour commencer une courte présentation.
Je suis enseignant, mais pas en informatique. J'ai quelques notions de programmation car j'en ai fait une peu a titre personnel mais aussi dans le cadre professionnel. Cependant, je reste un autodidacte dont mon code n'est sans doute pas tres propre aux yeux d'un programmeur.
Je développe une appli pour faciliter mon travail. Elle est base sur une base de données MySQL que je gère ensuite avec des page HTML en PHP.
Pour cette partie de l'exercice, je m'en sort assez bien, d'ailleurs mon appli fonctionne correctement, je peux consulter, modifier, ajouter ou supprimer des données sans problème.
J'ai même fait un peu de CSS pour que çà ressemble un peu a quelque chose même si pour moi le CSS reste un langage obscur.
A ce stade, je souhaite améliorer certain points de l'interface, et notamment la confirmation des suppression et des modification. Comme cela se passe côté client, je me tourne vers Javasript.
Ayant quelque notion mais très peu, j'ai par exemple fait en sorte que certains éléments s'affiche ou pas en cliquant sur des boutons. J'ai très bien compris le principe de récupération de propriétés des éléments avec GetElement ou QuerySelevot et la gestion des événements avec addEventListener.
Et c'est la que j'en viens a mon problème.
Sur l'une de mes pages, j'affiche les données venant de ma BDD en les mettant dans un tableau (balise table). C'est le PHP qui crée les TR du tableau avec une boucle Foreach.
Sur chaque ligne, je genere un bouton qui permet de supprimer l'enregistrement correspondant (au clic sur le bouton, envoie du formulaire qui exécute un script PHP dans une autre page). Tout cela fonctionne très bien sauf que je voudrais Ã* présent que l'utilisateur confirme la suppression (idéalement que voudrais avoir dans la boite de dialogue un rappel des ce qui est sur le point d'etre supprime) en cliquant sur un bouton confirmer ou en annulant.
Malheureusement, j'ai essayer de faire des getElement ou des querySelector en utilisant l'iD du bouton, le type de balise ou des classes mais je n'y arrive pas.
Voici ci dessous le code PHP de ma page (Enfin juste le bout qui construit la balise Table) :
L'appel de mon fichier JS se fait dans le HEAD de ma page avec : <script src="script.js" defer></script>.
Et dans ce fichier on trouve ce début de script qui devrait me renvoyer en console les propriétés de mes boutons :
Code:
1
2
| let listeBtSuppr = document.querySelectorAll("#btSuppr");
console.log(listeBtSuppr); |
Merci d'avance pour vos conseils.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
| <table>
<thead>
<tr>
<th>Classe</th>
<th>Epreuve</th>
<th>Competence</th>
<th>Activité élève</th>
<th>Nbr séance</th>
<th>Suppr</th>
</tr>
</thead>
<tbody>
<?php foreach ($listeProgression as $activite){?>
<tr>
<td><?php echo $activite["niveau"]?></td>
<td>Epreuve : <?php echo $activite["epreuve_id"]?>
<br>Fam Met : <?php echo $activite["famillemetier"]?>
</td>
<td><details><summary>Comp : <?php echo $activite["code_compterm"]?></summary><?php echo $activite["compterm"]?></details>
<details><summary><?php echo $activite["code_compinter"]?></summary><?php echo $activite["compinter"]?></details>
</td>
<td><a href="progressiontype_update.php?progressiontype_id=<?php echo $activite["progressiontype_id"] ?>">
<?php echo $activite["code_activiteeleve"]?> :</a> <?php echo $activite["activiteeleve"]?>
</td>
<td><?php echo $activite["nbr_seance"]?></td>
<td><form action="progressiontype_postdeleteactivite.php" method="get">
<input type="hidden" name="progressiontype_id" value="<?php echo $activite["progressiontype_id"] ?>">
<button id="btSuppr" type="submit" class="btDanger">Suppr</button>
</form>
</td>
</tr>
<?php } ?>
</tbody>
</table> |
