img modification des événements OnMouseOver, etc.

Bonjour,

Lors de l'utilisation de XMLhtttpRequest, je récupère un text.

Si le text a une certaine valeur je modifie les paramètres d'une image par exemple sa source.

Code:

1
2
favo = document.getElementById('fav')
favo.src = 'Images/Favoris2.png'

cela fonctionne !

Mais j'aimerai aussi modifier les événements onClick, OnMouseOver, OnMouseMove.

Voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function Crecord(id){
			var objxhr = xhr_connect()
			if (objxhr){
				objxhr.onreadystatechange = function(){
					if (objxhr.readyState == 4) {
						if (objxhr.status == 200) {	
							var retourCr = objxhr.responseText
							if (retourCr == '1'){
							 	favo = document.getElementById('fav')
							 	favo.src = 'Images/Favoris2.png'
							 	// Que faut-il mettre ici pour modifier les évènements OnClick, etc...
							}
 
						}
					}
				}
			}				
			var str = "ID="+id
			objxhr.open("Post", "Crecord.asp", true)
			objxhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
			objxhr.send(str)			
		}

J'ai déjà essayé ceci pour annuler les événements existants mais cela ne fonctionne pas ! :

Code:

1
2
favo.onMouseOver = ''
favo.onMouseOut = ''

Plus bas dans le code:

Code:

1
2
3
4
5
varSuite = "<img id='fav' src='Images/Favoris1.png' onMouseOver='ov()' onMouseOut='out()' onClick='favoris(" + id + ")' />";
 
				cont.innerHTML = 
 
				varSuite

Bonjour,

Code:

favo.setAttribute('onclick',function(){alert("new function");})

A+.

Bon, j'ai réussi à changer l'image comme cela plus de soucis avec les événements....
Code:

1 2 3 4 5 var img = document.createElement("img"); img.src = "Images/Favoris2.png"; var fav = document.getElementById('fav'); document.getElementById('di').replaceChild(img, fav);