Changer la valeur d'un champ input text

Résolu/Fermé
-
 sniperdc -
Bonjour à tous,
Voici mon problème, j'affiche une phrase dans une page HTML.
ex : Le père bricole .... son fils
L'utilisateur doit trouver le mot manquant marqué par les points.
Je cherche une fonction javascript qui me permettrait de remplacer les points par la saisie de l'utilisateur au clavier, c'est à dire qu'à chaque fois que l'utilisateur va frapper une touche un point va être remplacé par la valeur de cette touche.
Le champ input text est limité à la taille du mot à trouver.

Merci
gif50

2 réponses

Bonjour,

<html>
<head>
<script>
	function test(idElement,taille)
	{
		var m = document.getElementByID(idElement);
		if(m.value<taille)
		{
			m.value +=point(taille - m.lenght())
		}
	}
	function point(nb)
	{
		var i=0;
		var s="";
		while(i<nb)
		{
			s +=".";
		}
		return s;
	}

</script>
</head>
<body>
<input id="test" value="..." onChange="test('test',3)">
</body>
</html>
Messages postés
29
Date d'inscription
mercredi 25 juin 2008
Statut
Membre
Dernière intervention
5 juillet 2012

Bonjour OrionS,
Merci pour ta réponse.
J'ai tester le code mais cela ne fonctionne pas comme je le souhaiterai.
En effet la fonction point rempli parfaitement son rôle ( il manque juste i++; avant la parenthèse).
Par contre la fonction test ne remplace pas les points par les lettres saisies par l'utilisateur mais les ajoute à la fin des points.
Je continue de chercher.
Cordialement,

gif50
Super merci pour le script.

Cependant si ton script fonctionne la syntaxe n'est pas tout a fait correct.

ça ne passait pas le débugage de FireBug avant que je corrige la syntaxe:

Erreur :
var m = document.getElementByID(idElement);

Correction :
var m = document.getElementById(idElement);

C'est peux mais assez pour que FireFox, Google Chrome et MS Internet Explorer 9 ne l'exécute pas.