Discussion :

[Amnael]

Bonsoir,

pourriez vous m'expliquer le comportement suivant sur le morceau de code suivant

Code html :

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

1
2
3
4
5
6
<table id="zoneCombat">
				<tr>
					<td id="e0" onclick='alertTroupe()'>e11</td>
					<td id="e1" onclick='alertTroupe()'>e12</td>
                                 </tr>
</table>

La fonction alertTroupe est chargé via un fichier js à part.

Code :

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

1
2
3
function alertTroupe(){
        alert(this.id);
}

Lorsque je clique sur la cellule de mon table e11, je m'attends donc à ce que le alert me retiyrne e0 et pour e12 qu'il me retourne e1.


Sauf que, j'obtiens un undefined dans tous les cas à l'affichage...et je n'en comprends pas la raison; pourriez vous m'expliquer ?


L'idée est simplement de pouvoir grâce au js récupérer la cellule du tableau sur laquelle j'ai cliqué.

[danielhagnoul]

Code html :

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

1
2
3
4
5
6
7
8
<table id="zoneCombat">
  <tbody>
    <tr>
      <td id="e0" onclick='alertTroupe( this )'>e11</td>
      <td id="e1" onclick='alertTroupe( this )'>e12</td>
    </tr>
  </tbody>
</table>

Code javascript :

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

1
2
3
function alertTroupe( obj ){
  alert( obj.id );
}

[Amnael]

Effectivement c'était ça,

j'aurais pensé que l'élément étant le this je n'avais pas besoin de le passer en paramètre, l'erreur devait provenir de là j'imagine même si je ne comprends pas bien pourquoi ma version ne marchait pas =)

[SpaceFrog]

DANS la fonction, this = la fontione elle même

DANS la balise this = la balise elle même (objet du DOM)