Reconnaitre un button - optimisation de code

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Reconnaitre un button - optimisation de code

Lt Ripley

T'es à fond là ?

Bonjour !

Je cherche à optimiser mon code, je voudrais pouvoir reconnaitre sur quel button j'ai cliqué sur ma page, car j'ai ce code répété 20 fois, pour 20 boutons :

Code :

function plusHeureFinChambreButton()  {
 
    var xhttp = new XMLHttpRequest();
    xhttp.open("GET", "plusHeureFinChambreButton", true);
    xhttp.send();
    getHeureFinChambre();
 
}

Je cherche à faire comme je fais avec Android, on attribue un tag au bouton et ensuite on a juste à faire un getTag, dans onClick()

Code :

previousButton.setTag(1);
nextButton.setTag(2);
 
public void onClick(View v) {
        int buttonIndex = (int) v.getTag();
 
        // previous
        if (buttonIndex == 1) { blabla
 
        // next
        if (buttonIndex == 2) { blabla

Est ce possible ?

Merci d'avance

Message édité par Lt Ripley le 27-11-2021 à 10:55:44

---------------
Mes apps | Viens coder | Mon topal de vente

Publicité

Lt Ripley

T'es à fond là ?

Ah je viens de trouver ça, je vais essayer

Edit : je confirme ça marche bien !

Message édité par Lt Ripley le 27-11-2021 à 20:31:30

---------------
Mes apps | Viens coder | Mon topal de vente

reroll

Je répond peut être trop tard, mais plutôt que d'ajouter du code à chaque bouton avec un lien vers une fonction quand il est clické, tu peux juste faire.

Code :

<script>
const buttonArray = document.querySelectorAll("button" );
buttonArray.forEach((buttonItem) => {
buttonItem.addEventListener("click", (e) => {
console.log(e.target.id); // ou alert si tu préfère alert
});
});
</script>

L'avantage avec ce code est que tu n'as pas à rajouter un bout de code à chaque boutons, et tu peux ajouter autant de bouton que tu veux.

Message édité par reroll le 28-11-2021 à 20:16:05

Lt Ripley

T'es à fond là ?

Merci j'aime bien ta façon de faire.

Si je veux faire un switch je peux faire comme ça ? (c'est pour info, en effet j'ai déjà recodé (et gagné pas mal de lignes de code))

Code :

<script>
  const buttonArray = document.querySelectorAll("button" );
  buttonArray.forEach((buttonItem) => {
    buttonItem.addEventListener("click", (e) => {
      console.log(e.target.id);  // ou alert si tu préfère alert
 
      switch(e.target.id)  {
 
         case "plusTempChambreButton":
             xhttp.open("GET", "plusTempChambreButton", true);
             break;
 
         case "moinsTempChambreButton":
             xhttp.open("GET", "moinsTempChambreButton", true);
             break;
 
         //Etc..
 
       }
 
       xhttp.send();
      
 
    });
  });
</script>

Message édité par Lt Ripley le 29-11-2021 à 09:40:13

---------------
Mes apps | Viens coder | Mon topal de vente

reroll

En toute logique ça devrait fonctionner.

Personnellement je ferai :

Code :

const buttonId = e.target.id
switch (buttonId)
...

Mais c'est ma façon de coder, je préfère assigner des variables et les manipuler ensuite.

FORUM HardWare.fr

Programmation

Javascript/Node.js

Reconnaitre un button - optimisation de code

Sujets relatifs
[VBA] code outlook format date	[Résolu] Souci sur code SQL
Code range VBA	Alignement avec visual studio code
[C#] Code décompilé ne recompile pas...	aide écriture code c++ recherche et cumul de nombres
un code php qui déconne (erreur bête surement )	[KSH-88] récupérer le code retour d'un sous-shell
[Python] Utilisation d'un code existant	[xmlbean] Générer du code à partir d'une arborescence de schémas xsd
Plus de sujets relatifs à : Reconnaitre un button - optimisation de code

Page générée en 0.051 secondes