Ajout textarea dynamique

Salutatous,

avec le code ci-dessous, j'arrive à ajouter plusieurs champs simples à mon formulaire, en cliquant sur mon bouton "Ajouter"

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
<script type="text/javascript">
 
    function ajouter() {
 
    	// creation d'un conteneur
    	var nom_fieldset = document.getElementById('id_fieldset');
 
		/* ++++++++++++++++++++++++++++ */
 
		var calque = document.createElement('div');
 
		var champ_ref_img = document.createElement('input');
		champ_ref_img.name = 'les_photos[]';
		champ_ref_img.type = 'text';
		champ_ref_img.setAttribute('size','50');
 
		/* ++++++++++++++++++++++++++++ */
 
		calque.appendChild(champ_ref_img);
		calque.appendChild(document.createElement('br'));
		calque.appendChild(document.createElement('br'));
 
		/* ++++++++++++++++++++++++++++ */
 
		// Ajout du div :
		nom_fieldset.appendChild(calque);
	}
 
</script>
 
<form action='mapage.php' method='post' enctype='multipart/form-data'>
 
	<fieldset id='id_fieldset'>
		<legend>Titre</legend><br />
		<input type='button' value='Ajouter' onclick='ajouter()' />
	</fieldset>
 
</form>

mais je n'y parviens pas dès qu'il s'agit d'afficher un textarea !

si je remplace :

Code:

1
2
3
4
var champ_ref_img = document.createElement('input');
champ_ref_img.name = 'les_photos[]';
champ_ref_img.type = 'text';
champ_ref_img.setAttribute('size','50');

par :

Code:

1
2
3
4
5
var champ_utilisation = document.createElement('textarea');
champ_utilisation.name = 'les_photos[]';
champ_utilisation.type = 'text';
champ_utilisation.setAttribute('rows','10');
champ_utilisation.setAttribute('cols','50');

et bien ça ne fonctionne pas !
une chtite lumière svp 8O

Les <textarea> n’ont pas d’attribut type.

super ça fonctionne :D
merci Watilin