Ajout d'une zone de texte dynamiqument (les unes en dessous des autres)

Version imprimable

Bonsoir,

J'ai quatre zones de textes les unes en dessous des autres.

J'aurais voulu ajouter une zone de texte sur le clic d'un bouton.

Pour faire cela, j'ai ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> <script> function CreateTextZone(){ document.getElementById('ztd').appendChild(document.createElement('textarea')) } </script> </head> <body> <div id="ztd"></div> <input type="button" onClick="CreateTextZone()"> </body> </html>
Le problème est que les zones de textes se mettent les unes à côté des autres, j'aurais voulu les avoir les unes en dessous des autres.

Sauriez-vous aussi me dire si je peux indiquer une longueur pour les zones de textes que je vais créer ?

Avec innerHTML cela serait facile à faire mais j'aimerais le faire avec le DOM pour avoir un code plus propre.

Merci d'avance.

beegees

Code:

1
2
3
4
5
function CreateTextZone(){
var newArea = document.createElement('textarea');
newArea.style.width = '100%';
document.getElementById('ztd').appendChild(newArea);
}

01/03/2010, 16h07
beegees

Salut Bovino,

Merci pour ta réponse.

Je découvre ta réponse maintenant car je n'ai pas été informé par email.

Je regarde ton code de plus près.

Encore merci.

beegees
07/04/2010, 01h54
achich2

La solution est :

<html>
<head>
<script>
function CreateTextZone(){
document.getElementById('ztd').appendChild(document.createElement('<input name="d[]">'));
document.getElementById('ztd').appendChild(document.createElement('<br>'));
}
</script>
</head>
<body>
<div id="ztd"></div>
<input type="button" onClick="CreateTextZone()">
</body>
</html>