Fonction qui marche pas sous IE

Version imprimable

Salut,
J'ai ce code qui marche parfaitement sous Firefox, mais ne marche pas sous IE :

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
 
<script type="text/javascript">
<!--
registerEvent = function(on, ev, func, capture) {
	if (window.addEventListener)
		on.addEventListener(ev, func, capture);
	else {
		if (!on.funcsCounter) on.funcsCounter = 0;
		on['func'+on.funcsCounter] = func;
		on.funcsCounter++;
		on.attachEvent("on"+ev, function() { for(var i=0; i<on.funcsCounter; i++) on['func'+i](); });
	}
}
 
 
window.onload = function() {
monInput = document.createElement('input');
monInput.type = "text"; 
var monInputId = monInput.id = 'mat2';
monInput.value = 'Y';
document.body.appendChild(monInput);
registerEvent(document.getElementById(monInputId), 'focus', function() {this.value='';});
registerEvent(document.getElementById(monInputId), 'blur', function() {this.value=this.value.toUpperCase();});
}
 
// -->
</script>

Le problème est ici :

Code:

1
2
 
registerEvent(document.getElementById(monInputId), 'blur', function() {this.value=this.value.toUpperCase();});

En fait je souhaite lors de la perte du focus mettre en majuscule le contenu du champ. Ce code marche bien sous firefox, mais sous IE cela a une fâcheuse de vider plutôt le champ.

Quelqu'un peut m'aider?:roll:

26/10/2010, 13h43
okoweb
Pourtant ceci marche bien sur toutes les plateformes :
Code:

1 2 <input type="text" onblur="this.value=this.value.toUpperCase();" />
26/10/2010, 14h58
Watilin
Salut,
c'est un problème de contexte : le this n'est pas celui que tu crois. Je ne sais pas ce que tu cherches à faire avec ton funcsCounter mais j'ai l'impression que tu essayes de simuler un comportement qui, pourtant, existe. On peut très bien attacher plusieurs fonctions au même évènement sous IE.
Code:

1 2 3 4 5 6 registerEvent = function(on, ev, func, capture) { if (window.addEventListener) on.addEventListener(ev, func, capture); else on.attachEvent("on"+ev, func); }
;)

Citation:
Envoyé par Watilin
Salut,
Code:

1 2 3 4 5 6 registerEvent = function(on, ev, func, capture) { if (window.addEventListener) on.addEventListener(ev, func, capture); else on.attachEvent("on"+ev, func); }
;)
Avec donc ce code comment mettre en majuscule les données de mon champ lors d'un onblur?

Merci d'avance

26/10/2010, 17h13
Watilin
Ok, je n'y étais pas : sous IE, this est window dans les fonctions d'évènements. Le plus simple est d'utiliser cette méthode, qui est assez connue :
Code:

1 2 3 4 registerEvent(document.getElementById(monInputId), 'blur', function( event ) { var target = event.target || event.srcElement; target.value = target.value.toUpperCase(); });
event.target c'est pour les navigateurs standards, et event.srcElement c'est pour IE.

;)