Plusieurs évènements sur une image

[DAMARUS13]

Bonjour,
J'ai crée une fenêtre dans laquelle j’insère une image. Je souhaiterai gérer 3 évènements sur cette image : Click, MouseOver et MouseOut. Le problème est que j'arrive à en capter qu'un seul, le dernier de la liste.

Code :

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
 
var fenetre_expert =  Ext.create('Ext.Window', {
	title: 'Paramètre mode Expert',
	border: false,
	closable: true,
	resizable: false,
	constrain: true,
	width: 590,
	height: 283,
	x:0,
	y: 450,
	layout:'auto',
	headerPosition: 'top',
	items:[
		Ext.create('Ext.Img', {
			id:'img0',
			name:'img0',
			src: 'map/0.png',
			margin: 4,
			listeners: {
				click: {
					element:'el',
					fn: function(){alert('Click');}
				},
				mouseover: {
					element:'el',
					fn: function(){alert('mouseover');}
				},
				mouseout: {
					element:'el',
					fn: function(){alert('mouseout');}
				}
			}
		})
	]
});

Comment est-ce que je peux capter les 3 évènements sur cette image ?

Merci