Discussion :

[popy67]

Bonjour,

Comment connaitre l'id de l'image sur laquelle je clique ?
avec le code ci-dessous le resultat est toujours 1...

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<table>
 
<tr>
<td>
<img src="test/img.jpg" class="image" id="1">
<div id="reponse1"></div>
</td>
 
<td>
<img src="test/img.jpg" class="image" id="2">
<div id="reponse2"></div>
</td>
 
<td>
<img src="test/img.jpg" class="image" id="3">
<div id="reponse3"></div>
</td>
 
</tr>
 
<tr>
<td>
<img src="test/img.jpg" class="image" id="4">
<div id="reponse4"></div>
</td>
 
<td>
<img src="test/img.jpg" class="image" id="5">
<div id="reponse5"></div>
</td>
 
<td>
<img src="test/img.jpg" class="image" id="6">
<div id="reponse6"></div>
</td>
 
</tr>
 
 
</table>
 
 
<script type="text/javascript">
$("img.image").bind("click", function()
	{
	var id = $("img.image").attr("id");
	alert("l'image cliquée est la " + id);
 
 
 
	});
</script>

Merci d'avance pour votre réponse

[Bovino]

Code :

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

1
2
3
4
5
6
7
8
$("img.image").bind("click", function()
	{
	var id = $("img.image").attr("id");
	alert("l'image cliquée est la " + id);
 
 
 
	});

Dans ce code, tu commences par affecter un gestionnaire de clic sur chaque image ayant la classe "image". Ca, c'est correct.
Ensuite, tu récupères une nouvelle fois l'ensemble des images ayant l'id "image" (tu as donc une collection d'éléments jQuery) puis tu demandes la valeur de l'attribut id. Comme tu le demandes sur une collection, c'est la valeur du premier élément de la collection qui est renvoyée, donc toujours "1".

Il faut passer par this pour récupérer uniquement l'élément cliqué :

Code :

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

var id = $(this).attr("id");

ou encore

Code :

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

var id = this.id;

PS : en tout cas, absolument rien à voir avec AJAX ! Donc message déplacé.