Discussion :

[Amnael]

Bonjour,

Je vais de nouveau simplifier la situation au maximum:

Un morceau de page html

Code :

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

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

La fonction javascript

Code :

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

1
2
3
4
 
function alertTroupe(obj){
        document.getElementById(obj.id).innerHTML = obj.id;
}

Avec ce code (qui fonctionne correctement) je vais afficher l'identifiant de la cellule en cliquant sur la cellule en question.

Sauf que, j'ai voulu modifier afin que l'écriture se fasse dans une autre section

Code :

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

1
2
3
4
 
function alertTroupe(obj){
        document.getElementById("interface").innerHTML = obj.id;
}

Et là, rien ne s'affiche. Je ne comprends pas pourquoi, je devrais pourtant bien accéder au div avec getElement et je devrais pouvoir le modifier dynamiquement comme je l'ai fais au dessus non ?

Ou alors je suis obligé de passer l’identifiant du div en question en paramètre de la fonction ?



EDIT: j'ai fini par trouver la solution

Code :

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

1
2
3
4
5
 
function alertTroupe(obj){
	var div=document.getElementById("interface");
    document.getElementById(div.id).innerHTML = obj.id;
}

[NoSmoking]

Bonjour,

EDIT: j'ai fini par trouver la solution

Code :

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

1
2
3
4
function alertTroupe(obj){
	var div=document.getElementById("interface");
    document.getElementById(div.id).innerHTML = obj.id;
}

beaucoup du mal à comprendre ce que tu cherches à faire:

• ligne 2 : tu récupères la référence à l'objet qui a pour ID 'interface'
• ligne 3 : tu commences par récupérer la référence à l'objet qui a pour ID celle de l'objet que tu viens de récupérer...
  ce qui au final ressemble à
  

  Code :

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

  document.getElementById( document.getElementById( "interface").id).innerHTML = obj.id;

  qui au final est équivalent à un de tes codes précédent
  

  Code :

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

   document.getElementById("interface").innerHTML = obj.id;

[Amnael]

C'est vrai que j'aurais pu simplifier l'écriture

Je débute avec Js, je n'ai pas fais attention, mais tu as totalement raison !


Le comportement reste le même, à savoir celui d'afficher dans la section d'interface, l'identifiant de la section du td cliqué.