Discussion :

[Mo_Poly]

Salut,

J'ai en fait 3 questions :

1- J'ai un bouton, qui quand je clique dessus, un input text et un textarea et un boutton envoyer s'ajoutent dans un formulaire, entre ces 3 je voulais ajouter un retour à la ligne, mais ça ne marche pas, 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
<script type="text/javascript">
function ajouteInput()
	{
		var parent = document.getElementById("liv");//conteneur
		var input = document.createElement("input");//le input
		var ta = document.createElement("textarea");//le input
		var boutt = document.createElement("input");//le input
		var br = document.createElement("br");//un retour à la ligne
 
		input.type= "text";//type de l'input
		input.name = "nom";
		ta.name= "message";
		ta.rows="8";
		ta.cols="40";
		boutt.type = "submit";
		boutt.value="Envoyer";
		boutt.class="bout";
 
		parent.appendChild(input);
		parent.appendChild(br);
		parent.appendChild(br);
		parent.appendChild(ta);
		parent.appendChild(br);
		parent.appendChild(br);
		parent.appendChild(boutt);
 
	}
</script>

Et le code HTML faisant l'appel à cette fonction :

Code :

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

1
2
3
4
5
6
7
8
<form method="post" action="ajmess.php"> 
<center>
<input class="bout" onclick="ajouteInput()" onMouseOver="this.style.cursor='pointer';" value="Ajouter un Message" />
</center>
<br/>
<div id="liv">
</div>
</form>

2- Devant le input text je veux ajouter le mot "Nom", et devant le textarea je veux ajouter le mot "message", quelles modifications dois je ajouter pour faire cela ?

3- Je veux que la fonction ajouteInput soit appelé seulement une seule fois, c'est à dire que si je clique une 2eme fois sur ce bouton, l'appel ne se fait pas. Quelles modifications dois je apporter à mon code pour faire cela?


Merci



...

[marts]

1 - ça ne marche pas parce que tu ajoutes plusieurs fois le même élément. Il faut que tu crées un br différent à chaque fois.
2 - tu peux utiliser document.createTextNode(texte).
3 -

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var inputAlreadyAdded=false;
function ajouteInput()
	{
		if (!inputAlreadyAdded)
		{
			...
			inputAlreadyAdded=true;
 		}
	}

[Mo_Poly]

Merci!


...