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

**beegees** · 19/02/2010, 20h24

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 :

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

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

**Bovino** · 19/02/2010, 21h27

Code :

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

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

**beegees** · 01/03/2010, 16h07

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

**achich2** · 07/04/2010, 01h54

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>

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

JavaScript

Discussions similaires

Partager

Partager