Discussion :

[ke2007]

Bonjour, désolé pour le titre mais c'est pas évident à expliquer en peu de mot.

Voila, j'ai besoin de votre aide car je suis coincé sur un petit script test.
Le script permet d'afficher autant de fois qu'on veux un champs te xt de formulaire à l'aide d'un bouton.
Je voudrais que lorsque que je rentre le texte dans un champs et que j'appuie sur le bouton, le champs texte 1 garde ce que j'ai écrit, et affiche un champs texte2 vierge, et etc..pour les autres.

J'avais fait ça avec un tableau, mais on ma dit qu'avec un "this", ça marchait.

malheureusement, le premiere ajout fonctionne, ensuite, il me met le dernier changement de text dans tous les champs.

Voici mon code:

Code index.html :

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

1
2
3
4
5
   			<span id="aff"></span>
   			<script type="text/javascript">ajout();</script>
 
			<button onclick="ajout()">ajout</button>
			<button onclick="supp()">supp</button>

Code fonction.js :

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
nb = 1;
function ajout(){
	nb++;
	//alert(nb);
	test();
}
 
function supp(){
	nb--;
	//alert(nb);
	test();
}
 
elem = '';
function save(e){
	elem = e.value;
	alert(elem);
}
 
function test(){
	str = '';
	for(i = 1; i < nb; i++){
		str += '<input type="text" name="nom" onchange="save(this)" id="nom'+i+'" ';
		if(elem) str += 'value="'+elem+'"';
		str += '/><br />';
	}
	document.getElementById('aff').innerHTML = str;
}

en espèrant avoir était assez clair dans mes explications

Merci d'avance

[javatwister]

cet exemple peut-il t'aider?

http://javatwist.imingo.net/ajouform.php

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
<script type="text/javascript">
 
var c,c2, ch;
 
function plus(){
	c=document.getElementById("cadre");
	c2=c.getElementsByTagName("input");
	ch=document.createElement("input");
 
	ch.setAttribute("type","text");
	ch.setAttribute("name","ch"+c2.length);
	c.appendChild(ch);
 
	document.getElementById("sup").style.display="inline";
}
 
function moins(b){
 
	if(!c2[1]){
		b.style.display="none"
	}
 
	if(c2[0]){	
		c.removeChild(c2[c2.length-1])
	}
 
}
 
</script>
 
<form id="frm" action="">
<div id="cadre" style="margin-left:100px;width:200px">
</div>
 
<p>
<input type="button" value="ajouter un champ" onclick="plus()" />
<input type="button" style="display:none" id="sup" value="supprimer un champ" onclick="moins(this)" />
</p>
</form>