Copier une phrase avec 2 "input" differents (javascript)

Fermé

cool2505 Messages postés 3 Date d'inscription samedi 11 octobre 2014 Statut Membre Dernière intervention 11 octobre 2014 - Modifié par cool2505 le 11/10/2014 à 09:52
jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 - 11 oct. 2014 à 12:03

bonjour
Je débute en javascript et je souhaite savoir comment faire pour copier une phrase
"j'ai xx pommes et yy poires dans mon panier" dans un textarea a laide d'un bouton copier/coller , comme ceci:

Pour le moment j'ai reussi mais avec une seule variable ( le nombre de pommes : xx) :

avec ce code :

<meta charset="utf-8">
<style type="text/css">
.champ 
{
 width:20px;
}
</style>
<script type="text/javascript">
     var nombre = '';
    function copier(texte) {
      nombre = texte;
      document.getElementById('texte-copie').value =  'J ai ' + nombre +' pommes dans mon panier';
    }
</script>
</head>
<body>
<p>
    j'ai <input type="text" id="nombre" maxlength="2" class="champ"/> pommes dans mon panier
   <input type="button" value="Copier/coller" onclick="copier(document.getElementById('nombre').value)" />
</p>
<p><textarea id="texte-copie" readonly="readonly" cols="50" ></textarea></p>
</body>

Si quelqu'un pourrait me depanner car je suis dans une impasse
merci

A voir également:

Copier une phrase avec 2 "input" differents (javascript)
Supercopier 2 - Télécharger - Gestion de fichiers
Comment copier une vidéo youtube - Guide
Telecharger javascript - Télécharger - Langages
Whatsapp avec 2 cartes sim - Guide
Copier texte pdf - Guide

3 réponses

Réponse 1 / 3

jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 39
Modifié par jambondardennes le 11/10/2014 à 11:07

bonjour,

pour se faire il faut ajouter des arguments ce qui donne :



<meta charset="utf-8">
<style type="text/css">
.champ 
{
 width:20px;
}
</style>
<script type="text/javascript">
     var nombre = '';
    function copier(nombre1, nombre2) {
      document.getElementById('texte-copie').value =  'J ai ' + nombre1 +' pommes et ' + nombre2 +' poires dans mon panier';
    }
</script>
</head>
<body>
<p>
j'ai <input type="text" id="nombre1" maxlength="2" class="champ"/> pommes et <input type="text" id="nombre2" maxlength="2" class="champ"/> poires dans mon panier
   <input type="button" value="Copier/coller" onclick="copier(document.getElementById('nombre1').value, document.getElementById('nombre2').value)" />
</p>
<p><textarea id="texte-copie" readonly="readonly" cols="50" ></textarea></p>
</body>

dans ton onclick 2 arguments sont transmis à ta fonction copier à savoir nombre1 (pomme) et nombre2 (poire) et copie l'ensemble dans ton textarea.

cordialement,

Réponse 2 / 3

cool2505 Messages postés 3 Date d'inscription samedi 11 octobre 2014 Statut Membre Dernière intervention 11 octobre 2014
11 oct. 2014 à 11:29

merci beaucoup ca marche nickel...!!!!

La solution était vraiment plus simple que je ne pensais....

Maintenant est possible de remplacer les "input" par des "select" afin de sélectionner le nombre de pommes et de poires par une liste déroulante et de pouvoir copier toute la phrase dans le textarea ?

comme suivant:

<meta charset="utf-8">
<style type="text/css">
.champ 
{
 width:20px;
}
</style>
<script type="text/javascript">
     var nombre = '';
    function copier(nombre1, nombre2) {
      document.getElementById('texte-copie').value =  'J ai ' + nombre1 +' pommes et ' + nombre2 +' poires dans mon panier';
    }
</script>
</head>
<body>
<p>
j'ai <select name="nombre1" size="1">
             <option value="--">--</option>
             <option value="01">01</option>
             <option value="02">02</option>
             <option value="03">03</option>
             <option value="04">04</option>
             <option value="05">05</option>
             <option value="06">06</option>
             <option value="07">07</option>
             <option value="08">08</option>			 
          </select> pommes et <select name="nombre2" size="1">
             <option value="--">--</option>
             <option value="01">01</option>
             <option value="02">02</option>
             <option value="03">03</option>
             <option value="04">04</option>
             <option value="05">05</option>
             <option value="06">06</option>
             <option value="07">07</option>
             <option value="08">08</option>		 
          </select>	poires dans mon panier
   <input type="button" value="Copier/coller" onclick="copier(document.getElementById('nombre1').value, document.getElementById('nombre2').value)" />
</p>
<p><textarea id="texte-copie" readonly="readonly" cols="50" ></textarea></p>
</body>
</html>

jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 39
11 oct. 2014 à 11:48

il suffit d'ajouter un id à vos select comme ceci :

<select id="nombre1" .....>

<select id="nombre2" .....>

Réponse 3 / 3

cool2505 Messages postés 3 Date d'inscription samedi 11 octobre 2014 Statut Membre Dernière intervention 11 octobre 2014
11 oct. 2014 à 12:02

c'était si simple que ça ......merci beaucoup

jambondardennes Messages postés 481 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 39
11 oct. 2014 à 12:03

de rien :)

Discussions similaires

Voxbone ? qui est-ce ?

input signal out of range

No video input après mise en veille