Bonjour à tous,

JE continue mes recherches en examinant les codes qui vous m'envoyer !

J’entrevois une possibilité d'améliorer ma méthode .
Voila l'idée histoire d’améliorer ma compréhension du fonctionnement.
Je créer plusieurs bouton de même type ( je pourrais avoir plusieurs type par la suite). Donc ces boutons auront beaucoup de chose en commun quand on appui dessus.
Changement de couleur par exemple. donc tous les boutons de ce type deviennent rouge quand on appuie dessus.
Le seul truc a changer ce serait le texte de la construction de la requête.

avec par exemple
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<BP><button class="BP_poussoir" id="BP2" >BP2</button></BP>
		<BP><button class="BP_poussoir" id="BP3" >BP3</button></BP>



Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
const elemBP = document.querySelectorAll("BP");
		elemBP.forEach((btn) => {
			// pour tous supports
			btn.addEventListener("pointerdown", F_BPdown);
			btn.addEventListener("pointerup", F_BPup);
			btn.addEventListener("pointerleave", F_BPup);
		});
Avec ce code je pense que j'affecte à chaque boutons du type "BP", une fonction en fonction de l'évenemetn qui lui arrive dessus.

Les choses se corsent à partir d'ici.

Donc si l'événement "pointerdown" est détecter sur un élément "btn" de type "BP" la fonction "F_BPdown" est effectuée

Ca c'est dans ma tête, peut être que j'ai fais de la merde.

Ensuite la construction de la fonction devra être personnalisée suivant le bouton qui à été détecter. C'est ici que ca coince !


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
		function F_BPdown() 
			{
				console.log(btn.target.name); 		// ici zone de test pour essaye de voir comment recuperer l'ID du bouton qui a enclencher l'événement
				var xhttp = new XMLHttpRequest();	// Création d'un objet requete
				xhttp.open("GET", 'consignes.php?C_'nom du botuon'=1', true);  // Ici j'aimerais construire le texte en fonction du bouton qui a declenché
				xhttp.send();	// envoi de la requete créer au dessus
				nom du botuon.style.background = "red"   // Ici j'aimerais selectionné le style du bouton déclenché
				nom du botuon.textContent = "Allumée !"
			}
		function F_BPup() 
			{
				var xhttp = new XMLHttpRequest();
				xhttp.open("GET", 'consignes.php?C_BP1=0', true);
				xhttp.send();
				imageBP1on.style.display ='none';
				imageBP1off.style.display ='inline';
				BP1.style.background = "none"
				BP1.textContent = "PRESS"
			}
Avec la console j'ai essayé moultes combinaison pour afficher l'ID de mon bouton qui à enclenché la fonction mais j'y parviens pas. Du .taget du .ID du btn , du elemBP etc ......

Une fois cet ID recuperer j'aurais plus qu'a l’incruster dans les commandes suivant pour faire des affections seulement a ce bouton et n'envoyer que le texte correspondant.

Je sais pas si j'ai été super clair .
Merci de m'avoir lu