probleme boucle for

Version imprimable

probleme boucle for

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:

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)'/>"; } }

23/01/2007, 23h26
Sancho_54

Peut tu préciser ton problème exact STP

Merci ;)
24/01/2007, 14h44
michael75

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

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

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)'/>"; } }

24/01/2007, 14h59
michael75

Tres bien alors comment faire pour faire afficher plusieurs fois mon d.innerHTML?
24/01/2007, 15h34
SpaceFrog

si tu avais regardé le code il y a un += à la place du + :roll:
24/01/2007, 15h37
michael75

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
24/01/2007, 15h53
SpaceFrog

à vrai dire je ne comprend pas trop ce que tu cherches à faire ...
24/01/2007, 16h01
michael75

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
24/01/2007, 16h06
SpaceFrog

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

il faut créer les nouveaux input avec le DOM

Code:

createElement('input')
24/01/2007, 16h10
michael75

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

Code:

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 ..

24/01/2007, 16h23
michael75

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
24/01/2007, 16h34
SpaceFrog

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 ...
24/01/2007, 16h57
michael75

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
24/01/2007, 17h02
SpaceFrog

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 ...

voila mon code

Code:

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)
 
 
}

24/01/2007, 17h10
SpaceFrog

et le html ?

voici le HTML

Code:

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>

24/01/2007, 17h29
E.Bzz
Bonjour,

Code:

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

et
Code:

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 :mrgreen:

A+
24/01/2007, 17h36
michael75

merci de ta proposition mais cela ne resout pas le probleme
24/01/2007, 17h46
E.Bzz

Citation:

Envoyé par michael75

merci de ta proposition mais cela ne resout pas le probleme

C'est à dire ?
24/01/2007, 17h53
michael75

cela fait la premiere demande de valeur pour nbReponse mais n'appel pas la fonction nbreReponse et donc n'affiche pas les champs suivant
24/01/2007, 18h00
E.Bzz

Ben oui, mais là, tu remplaces le innerHTML.
T'aurais pas oublié le += signalé par SpaceFrog ?

Et si tu avais un lien sur ta page, ça aiderait.
Je comprends pas non plus la logique de ton code...
24/01/2007, 18h26
michael75

voici l'adresse ou vous pourrais voir ma page

http://michael7500.ifrance.com/exo.php
le probleme se situe aprés avoir choisi bouton choix multiple puis bouton checkbox ensuite aprés avoir entré une valeur numerique il devrait voir appaitre un nombre de champ egale a la valeur numerique
25/01/2007, 11h10
E.Bzz

Citation:

Envoyé par michael75

voici l'adresse ou vous pourrais voir ma page

http://michael7500.ifrance.com/exo.php
le probleme se situe aprés avoir choisi bouton choix multiple puis bouton checkbox ensuite aprés avoir entré une valeur numerique il devrait voir appaitre un nombre de champ egale a la valeur numerique

1) j'ai une erreur JS au chargement de la page => pb en perspectives ;)

2) le nb d'input correspondant à la valeur saisie (3) s'affiche bien sous IE6 et FF, mais disparaissent aussitôt car la page est immédiatement rechargée (après clic sur "OK"). Ca serait pas plutôt ça (le rechargement de la page), le pb ??

A+
25/01/2007, 18h05
michael75

Oui la page se recharge mais je ne comprend pas pourquoi parceque le fais d'appuyer sur le bouton ok devrait afficher les champs et non recharger la page
25/01/2007, 18h32
E.Bzz

Sauf s'il s'agit d'un bouton submit : il appelle la page "action" du form.
Remplace type="submit" par type="button"
(je me demandais aussi pourquoi il y avait un bouton "OK" ET un bouton "ENVOYER" :) )

A+
25/01/2007, 18h51
michael75

Tres bien maintenant tous fonctionne merci encore de votre aide