Modification dynamique du contenu d'un div
Bonjour,
Je vais de nouveau simplifier la situation au maximum:
Un morceau de page html
Code:
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:
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:
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:
1
2
3
4
5
|
function alertTroupe(obj){
var div=document.getElementById("interface");
document.getElementById(div.id).innerHTML = obj.id;
} |
