probleme boucle for

**michael75** · 23/01/2007, 16h35

Bonjour
je veux faire une boucle for qui mettent dans une division une ligne de commentaire qui soit traité a chaque passage
merci de m'aider

Code :

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

1
2
3
4
5
6
7
8
9
10
voici mon code actuelle:
function nbreReponse(nbre)
{
	for(i=0;i<nbre.value;i++)
	{	var d=document.getElementById("suiteform");
		d.innerHTML="<input type='text' size='10' name='valReponse' /> <input type='submit' value='ok' onclick='reponse(valReponse)'/>";
 
	}
 
}

**Sancho_54** · 23/01/2007, 23h26

Peut tu préciser ton problème exact STP

Merci

**michael75** · 24/01/2007, 14h44

Mon probleme est que d.innerHTML est fais qu'une seule fois quelque soit la valeur de i dans la boucle for

**SpaceFrog** · 24/01/2007, 14h49

non la boucle est bien faite entièrement, mais tu ne verras jamais que la dernière valeur ...

Code :

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

1
2
3
4
5
6
7
8
9
function nbreReponse(nbre)
{
	for(i=0;i<nbre.value;i++)
	{	var d=document.getElementById("suiteform");
		d.innerHTML+="<input type='text' size='10' name='valReponse' /> <input type='submit' value='ok' onclick='reponse(valReponse)'/>";
		
	}
	
}

**michael75** · 24/01/2007, 14h59

Tres bien alors comment faire pour faire afficher plusieurs fois mon d.innerHTML?

**SpaceFrog** · 24/01/2007, 15h34

si tu avais regardé le code il y a un += à la place du +

**michael75** · 24/01/2007, 15h37

oui javais remarqué mais cela ne resout pas mon probleme
parce que en fait maintenant j'ai plusieurs champ input qui s'affiche en meme temps et lorsque je valide aucune des valeurs entré n'est prise en compte
merci de m'aider

**SpaceFrog** · 24/01/2007, 15h53

à vrai dire je ne comprend pas trop ce que tu cherches à faire ...

**michael75** · 24/01/2007, 16h01

en fait j'aimerais a partir d'une demande de valeur , afficher autant de champs de commentaire pour entrer des valeurs et enfin recuperer ces valeurs
le probleme actuel c'est que je narrive pas a recuperer les valeurs

**SpaceFrog** · 24/01/2007, 16h06

ben avec un innerHTML c'est pas très étonnant ...

il faut créer les nouveaux input avec le DOM

Code :

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

createElement('input')

**michael75** · 24/01/2007, 16h10

merci de detailler un peu plus votre reponse car étant debutant je ne comprend pas trop ce que vous dites
merci

**SpaceFrog** · 24/01/2007, 16h15

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
function nbreReponse(nbre)
{
	for(i=0;i<nbre.value;i++)
	{	var d=document.getElementById("suiteform");
                 var newInput=document.createElement('input');
                  newInput.type='text';
                  newInput.size=10;
                  newInput.name='valReponse';
                  d.appendChild(newInput)
 }
		var newSubmit=document.createElement('input');
                newSubmit.type='submit';
                newSubmit.value='ok';
                 d.appendChild(newSubmit)
	}

Ceci étant les inout n'ont pas de value à ce stade ..

**michael75** · 24/01/2007, 16h23

les 2 input s'affichent mais pas le bouton ok et de plus je n'est meme pas le temps d'entrer des valeurs dans les champs ils disparaissent aussitot qu'il s'affiche

**SpaceFrog** · 24/01/2007, 16h34

code corrigé j'avais oublié d'appender le submit ...

pour le fait qu'il s'effacent , tu dois avoir laissé un bout de code avec innerHTML ...

**michael75** · 24/01/2007, 16h57

je n'est pas de bout de code avec du innerHtml dans cette fonction
j'aimerais aussi savoir comment faire appel a une autre fonction avec cette methode lors du click sur ok

**SpaceFrog** · 24/01/2007, 17h02

le plus simple serait que tu nous colles le code complet parceque là c'est comme changer une roue crevée à un voiture qui présente une panne de carburateur ...

**michael75** · 24/01/2007, 17h06

voila mon code

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
function choix_reponse1(choix)
{
	if(choix==1)
	{
		var d=document.getElementById("suiteform");
		d.innerHTML="<input type='radio' value=';coment' name='typerep'/>commentaire une ligne <br/> <input type='radio' value=';ligne' name='typerep'/>commentaire sur plusieurs ligne ";
	}
 
	if(choix==2)
	{
		var d=document.getElementById("suiteform");
		d.innerHTML="min<input type='text' size='3' name='min'/>  max<input type='text' size='3'name='max'/>" ;
 
	}
	if(choix==3)
	{
		var d=document.getElementById("suiteform");
		d.innerHTML="<input type='radio' value=';box' name='typerep' onclick='choix_reponse2()'/>Bouton checkbox <br/> <input type='radio' value=';radio' name='typerep' onclick='choix_reponse2()'/>bouton radio";
	}
}
 
function choix_reponse2()
{
	var c=document.getElementById("suiteform2");
	c.innerHTML="<input type='text' size='2' name='nbReponse' /><input type='submit' value='ok' onclick='nbreReponse(nbReponse)'/>";
 
}
 
function nbreReponse(nbre)
{
 
	  for(i=0;i<nbre.value;i++)  
	  { 
	  var d=document.getElementById("suiteform3"); 
	  var newInput=document.createElement('input'); 
	  newInput.type='text'; 
	  newInput.size=10; 
	  newInput.name='valReponse'; 
	  d.appendChild(newInput)  
	  }  
	  var newSubmit=document.createElement('input'); 
	  newSubmit.type='submit'; 
	  newSubmit.value='ok'; 
	  d.appendChild(newSubmit)
 
 
}

**SpaceFrog** · 24/01/2007, 17h10

et le html ?

**michael75** · 24/01/2007, 17h16

voici le 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
18
19
 
<body id="body">
		<form name="monformulaire" method="get" action="traite.php" >
 
		Question:<input type="text" name="valeur" size="60" onkeyup="affichage()"/>
		<br/>
		Quel type de reponse pour cette question:<br/>
		<input type="radio" value=";champ" name="typereponse" onclick="choix_reponse1(1)" >champ libre
		<input type="radio" value=";curseur" name="typereponse" onclick="choix_reponse1(2)">curseur
		<input type="radio" value=";bouton" name="typereponse" onclick="choix_reponse1(3)">bouton choix multiple
		<br/>
		<div id="suiteform"></div>
		<div id="suiteform2"></div>
		<div id="suiteform3"></div>
		<input value="envoyer" type="submit"/>
		</form>
		<form name="formulaire2" method="get" action="enregistre.php">
		<input value="valider definitivement le sondage" type="submit" />
		</form>

**E.Bzz** · 24/01/2007, 17h29

Bonjour,

Code :

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

c.innerHTML="<input type='text' size='2' name='nbReponse' id='nbReponse' /><input type='submit' value='ok' onClick="nbreReponse(document.getElementById('nbReponse').value);"

et

Code :

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

1
2
function nbreReponse(nbre)
{	  for(i=0;i<parseInt(nbre);i++)

EDIT : Ceci dit, mettre un onClick sur un input type="submit", c'est à éviter

A+

probleme boucle for

JavaScript

Discussions similaires

Partager

Partager