Discussion :

[Malarkey]

Bonjour,

Nouveau souci lors de la créaton d'un tableau en AJAX, et d'un évènement onclick :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function affichePhoto(id) {
var img = document.getElementById(id);
img.src="./pictures/photo"+id+".jpg";
}
 
var table = document.createElement("table");
var tbody = document.createElement("tbody");
for (var i=0;i<4;i++) {
var tr = document.createElement("tr");
var td = document.createElement("td");
td.appendChild(document.createTextNode("coucou"+i));
td.onclick=function() {
affichePhoto(i);
}
tr.appendChild(td);
tbody.appendChild(tr);
}
table.appendChild(tbody);

Les navigateurs reconnaissent bien l'évènement onclick. Cependant, ils ne m'affiche que la dernière photo lorsque je clique sur une ligne du tableau.

Le résultat que j'attendais, aurait du être :

Code :

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

1
2
3
4
<tr><td onclick="affichePhoto(0);">coucou0</td></tr>
<tr><td onclick="affichePhoto(1);">coucou1</td></tr>
<tr><td onclick="affichePhoto(2);">coucou2</td></tr>
<tr><td onclick="affichePhoto(3);">coucou3</td></tr>

au lieu de cela, je me retrouve avec un code, qui semble être :

Code :

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

1
2
3
4
<tr><td onclick="affichePhoto(3);">coucou0</td></tr>
<tr><td onclick="affichePhoto(3);">coucou1</td></tr>
<tr><td onclick="affichePhoto(3);">coucou2</td></tr>
<tr><td onclick="affichePhoto(3);">coucou3</td></tr>

Est ce que quelqu'un sait d'où cela peut venir ? Parce que je sèche complètement, et les recherches effectuées sur le net se sont avérées infructueuses...

[E.Bzz]

Bonjour,
je crois que c'est "normal" (lié aux déclarationx dynamiques de fonction).
Essaye de générer un "id="+i dans ton td.
Tu pourras ensuite faire :
td.onclick=function() {
affichePhoto(this.id);
}

Aux modos : désolé, je suis un ptit nouveau qui trouve pas les tags "code"

A+

[Malarkey]

Bonjour,
je crois que c'est "normal" (lié aux déclarationx dynamiques de fonction).
Essaye de générer un "id="+i dans ton td.
Tu pourras ensuite faire :
td.onclick=function() {
affichePhoto(this.id);
}

Aux modos : désolé, je suis un ptit nouveau qui trouve pas les tags "code"

A+

Les tag CODE sont afficher en cliquant sur le #
Sinon, tu entoures ton cade par les balises [ C ODE]...[/C ODE] (sans les espaces, bien sur)

Merci pour ta réponse, je vais testé.

[E.Bzz]

Les tag CODE sont afficher en cliquant sur le #

Merci

A+