Discussion :

[Mercenaire]

Bonjour,

J'ai un tableau à 2 dimensions contenant des objectHTMLbuttonElement.
J'aimerai récupérer la position du bouton dans le tableau en cliquant dessus, par ex : 1 4 ou 5 8

Merci.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
for (var i = 0; i < 8; i++) {
      for (var j = 0; j < 8; j++) {
        tab[i][j].addEventListener("click", function() {
             traitement(this);
            });
        }
    }

[SpaceFrog]

rattache les indexes i et j à l'objet

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 tab[i][j].dataIdx=[i,j];
tab[i][j].addEventListener("click", function() {
            // this.dataIdx=[i,j]; <= ligne à supprimer !!!
             traitement(this);
            });

tu pourras ensuite récupérer les i et j dans ta fonction vu que tu passes l'objet en param

[Mercenaire]

Merci pour ton aide mais chaque fois que je clique sur un bouton j'ai 8,8 qui s'affiche.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function traitement(btn) {
      alert(btn.dataIdx);
}

[Mercenaire]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
tab[i][j].dataIdx=[i,j];
tab[i][j].addEventListener("click", function() {
             this.dataIdx=[i,j]; j'ai enlevé cette ligne est ça fonctionne merci.
             traitement(this);
            });

Par contre pourrais tu me renseigné sur dataIdx car je n'ai pas trouvé d'information concernant cet attribut.

[Bovino]

Une réaffectation malheureuse dans le callback... Mais en analysant le code fourni, ça devrait être facile à déboguer...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.dataIdx=[i,j];

En réaffectant dans le callback, les valeurs de i et j correspondent à celles des variables de boucle après la dernière itération, d'où ton résultat.

[SpaceFrog]

oui désolé un copier coller malencontreux ... je rectifie mon code précédent

tu ne trouvera aucune doc sur datIdx ...
c'est juste une propriété que je rattache à l'objet pour y stocker un array avec tes indexex de i et j