creation d'un textarea lors d'un clic de souris

Version imprimable

27/02/2009, 19h22
gentil

creation d'un textarea lors d'un clic de souris

Bonjour tout le monde.
Je voudrais que lorsque l'on clique sur un lien, une zone de saisie apparaisse sur la même page.
Si je clique cinq fois sur le lien j'aurai cinq champs de saisie.

Je vous remercie de votre aide

Bonjour,

Un code très rapide pour que tu voies le principe :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
  <head>
    <title>Exemple Création Textarea</title>
	<script type="text/javascript">
          var i=1;
        
          function createTextarea(idConteneur){
            tempValue = document.getElementById(idConteneur).innerHTML;
                tempValue += "<textarea>Je suis le textarea N°"+(i++)+"</textarea><br />";
                document.getElementById(idConteneur).innerHTML = tempValue;
          }
        </script>
  </head>
  <body>
    <p><a id="createTextarea" href="#" onclick="createTextarea('conteneurTextarea')">Créer un textarea</a></p>
	<div id="conteneurTextarea">&nbsp;</div>
  </body>
</html>

Cordialement

28/02/2009, 12h49
gentil

Je te fais un grand merci

innerHTML :vomi:

Utilise le DOM :

Code:

1
2
3
4
5
6
7
8
9
10
11
 
var i=1;
 
function createTextarea(idConteneur)
{
    var zonetxt = document.createElement("textarea");
    zonetxt.value = "Je suis le textarea N°" + i;
    i++;
 
    document.getElementById(idConteneur).appendChild(zonetxt);
}