modification valeur d'un input text et position du curseur

**superpigeon** · 22/01/2009, 11h21

Bonjour,
Je travaille essentiellement sous Firefox.
J'ai une fonction, très simple qui transforme le contenu d'un input en majuscules :

Code :

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

1
2
3
4
5
 
//à utiliser avec onkeyup = "auto_format_majuscules(this);" dans l'input text désiré
function auto_format_majuscules(input){
	input.value = input.value.toUpperCase();
}

Le problème est que lorsque je l'utilise sur un input de type text et que la taille du texte dépasse la taille du champs, seul le début du texte est visible.
Par contre le curseur lui est à la fin du champs.
Du coup, on ne voit pas ce que l'on écrit.

J'espère être clair dans mes explications.
Merci d'avance !

**Borowsky** · 22/01/2009, 12h27

Bizzare... normalement le texte avance avec le curseur... ta fonction n'a rien a voir la dedans je pense... ta essayé sans cette fonction ? et tu l'appelle quand cette fonction ? A chaque lettre ajouter dans le input ?

**superpigeon** · 22/01/2009, 12h45

je l'appelle onkeyup sur l'input.

J'ai fait un petit fichier d'exemple :

bug_majuscules.html

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
<html>
	<head>
		<title>Problème auto_format_majuscules</title>
		<script type='text/javascript'>
		//à utiliser avec onkeyup = "auto_format_majuscules(this);" dans l'input text désiré
		function auto_format_majuscules(input){
			input.value = input.value.toUpperCase();
		}
		</script>
	</head>
	<body>
		Test : 
		<input type='text' onkeyup="auto_format_majuscules(this)" />
		<br />
		(écrivez une longue phrase pour constater le bug)
	</body>
</html>

**franculo_caoulene** · 22/01/2009, 12h51

Salut,

Teste la valeur de la touche appuyée (event.keyCode). Apparemment tu ne veux pas agir sur les flèches, par exemple.
Un exemple pour t'inspirer trouvé vite fait : http://www.developpez.net/forums/d26...rn-javascript/

edit: quoique je ne suis même pas sûr!

**superpigeon** · 22/01/2009, 12h57

@franculo_caoulene:
Pourquoi devrais-je regarder quelle touche l'utilisateur a pressé ?
Je ne veux que mettre en majuscule le texte saisi.
Après, s'il y a des chiffres dans le champs, ils peuvent rester.

Mais en soit, la fonction fonctionne (quel beau pléonasme).
Le problème est bien visible sur le fichier d'exemple que j'ai mis en CODE précédemment.

**franculo_caoulene** · 22/01/2009, 13h01

C'est vrai je dis de grosses bêtises ces jours-ci. Je vais me prendre des vacances de forum.

modification valeur d'un input text et position du curseur

JavaScript

Vue hybride

Discussions similaires

Partager

Partager