IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    172
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 172
    Par défaut 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

  2. #2
    Membre actif
    Profil pro
    Développeur Web
    Inscrit en
    Décembre 2008
    Messages
    55
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Aube (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Décembre 2008
    Messages : 55
    Par défaut
    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

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    172
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 172
    Par défaut
    Je te fais un grand merci

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    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);
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Google Maps] Ajouter un marqueur lors d'un clic de souris sur la carte
    Par Quentin75 dans le forum APIs Google
    Réponses: 10
    Dernier message: 03/03/2015, 19h39
  2. Changer couleur textarea lors d'un clic
    Par sorry60 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/08/2007, 14h07
  3. [eclipse 3.1][configuration]pb lors du ctrl+clic (lien)
    Par Invité dans le forum Eclipse Java
    Réponses: 2
    Dernier message: 24/09/2005, 01h01
  4. [Swing]Bug lors d'un clic droit
    Par Jahjouh dans le forum Composants
    Réponses: 4
    Dernier message: 24/12/2004, 19h43
  5. Réponses: 2
    Dernier message: 12/07/2004, 11h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo