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

cool2505 Messages postés 3 Date d'inscription samedi 11 octobre 2014 Statut Membre Dernière intervention 11 octobre 2014 - 11 oct. 2014 à 09:50
jambondardennes Messages postés 482 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 -
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:

3 réponses

Réponse 1 / 3
jambondardennes Messages postés 482 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 39
11 oct. 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,
1
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>
0
jambondardennes Messages postés 482 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" .....>
0
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
0
jambondardennes Messages postés 482 Date d'inscription jeudi 12 juin 2008 Statut Membre Dernière intervention 6 septembre 2017 39
11 oct. 2014 à 12:03
de rien :)
0

Discussions similaires

input signal out of range
marlene -
usman000 -

14 réponses
dessin avec symbole clavier
JSS -
Adraen -

79 réponses
comment désactiver out of range
lzri98 -
jeannets -

3 réponses