toUpperCase en cours de frappe et position curseur

Bonjour,

J'ai un champ texte sur lequel j'aimerais faire un toUpperCase() en cours de frappe. A priori facile, mais j'ai un petit souci lors de la modification de mon champ.
J'utilise le code suivant dans ma fonction (appelée sur onKeyUp) :

Code:

---

1 2	$('MonChamp').value = $F('MonChamp').toUpperCase();

---

Note : la fonction $() est celle de prototype.js. Mais mon problème est purement javascript.

J'explique mon souci avec l'exemple suivant :
Le champ contient la valeur "AABBCC". L'utilisateur veut modifier "BB" par "DD". Le curseur est donc au milieu du champ lorsqu'il presse ses touches. Or le code ci-dessus repositionne le curseur en fin de champ. Gênant !

Merci d'avance pour votre aide.

Salut. Pourquoi ne pas utiliser tout simplement la propriété text-transform du CSS ?

Parce que je n'y avais pas pensé :oops:

Par contre, définir le style sur le champ ne répond pas à mon besoin. Il ne s'applique qu'après être sorti du champ (ie revient à implémenter onChange)

Par contre, ça en lieu et place du toUpperCase(), ça marche :ccool:

Code:

---

1 2	$('MonChamp').style.textTransform = 'uppercase';

---

Merci bcp pour l'idée.

Code:

---

1 2 3 4

$('MonChamp').observe('keyup', function(){ var elem = event.element(); elem.value = elem.value.toUpperCase(); });

---