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

**gentil** · 27/02/2009, 20h22

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

**herfrayg** · 28/02/2009, 02h44

Bonjour,

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

Code html :

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
 
<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

**gentil** · 28/02/2009, 13h49

Je te fais un grand merci

**Auteur** · 28/02/2009, 19h18

innerHTML

Utilise le DOM :

Code javascript :

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

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);
}

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

JavaScript

Vue hybride

Discussions similaires

Partager

Partager