Bonjour à tous.

Je dispose d'un tableau html avec un id pour chaque cellule (<td>)

Je souhaite afficher une simple alerte pour continuer mon programme dès que l'utilisateur clique sur une des cellules pour ensuite récupérer sont id

class Map {
    constructor() {
        this.celluleCliquee = $('td');
        this.celluleCliquee.on("click", () => this.celluleCliquee());
    }

    celluleCliquee() {
        alert('Cliqué !');
    }
}

Je penses à utiliser un each() mais je ne suis pas sûr.

J'ai tout essayé mais je ne comprends pas pourquoi cela ne marche pas.

Je pense que ça vient de this.celluleCliquee = $('td'); mais je ne suis pas si sûr.

Merci de m'éclairer SVP les amis.

-
Edité par fliewight 17 mars 2020 à 16:12:21

Bonjour

Vérifie que:

1) jquery est chargé

2) que le dom est dispo quand tu fais new Map ()

3) que this de () => this.celluleCliquee() est égale à la class Map et non à window

Merci pour ta réponse.

Je t'ai envoyé l'adresse URL par MP pour ne pas la divulguer ici

-
Edité par fliewight 30 mars 2020 à 16:02:48

bonjour à tu instancié ta class ?

Map et un object déjà fournit nativement tu devrait changer le nom pour éviter un conflict de nommage.

est ce que tu as une erreur affiché dans ta console de dev ?

Bonjour fliewight ,

Attention ta Methode a le même nom que ta Propriété : celluleCliquee

class oMap {
  constructor() {
    this.celluleCliquee = $('td'); 
    this.celluleCliquee.on("click", this.onCelluleCliquer);
  }
  onCelluleCliquer() {
    alert('Cliqué !');
  }
}

Merci pour vos réponses.

J'ai changé le nommage de ma fonction, et j'ai aucune erreur dans la console.

Ma classe a bien été instanciée

-
Edité par claudebriard 4 avril 2020 à 15:59:42