Discussion :

[okoweb]

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

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
 
<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 :

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

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?

[okoweb]

Pourtant ceci marche bien sur toutes les plateformes :

Code :

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

1
2
 
<input type="text" onblur="this.value=this.value.toUpperCase();"  />

[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 JS :

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

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);
}

[okoweb]

Salut,

Code JS :

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

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

[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 JS :

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

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.