Discussion :

[oO_roma_0o]

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 :

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

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.

[Sub0]

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

[oO_roma_0o]

Parce que je n'y avais pas pensé

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

Code :

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

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

Merci bcp pour l'idée.

[Bovino]

Code :

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

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