Changer la valeur d'un champ input text

Résolu
gif50 -  
 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
A voir également:

2 réponses

OrionS
 
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>
2
gif50 Messages postés 29 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
sniperdc
 
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.
2