Copier une phrase avec 2 "input" differents (javascript)
cool2505
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
jambondardennes Messages postés 482 Date d'inscription Statut Membre Dernière intervention -
jambondardennes Messages postés 482 Date d'inscription Statut Membre Dernière intervention -
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 :
Si quelqu'un pourrait me depanner car je suis dans une impasse
merci
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
- Whatsapp avec 2 sim - Guide
- 2 ecran pc - Guide
- Url dans une phrase - Guide
3 réponses
bonjour,
pour se faire il faut ajouter des arguments ce qui donne :
dans ton onclick 2 arguments sont transmis à ta fonction copier à savoir nombre1 (pomme) et nombre2 (poire) et copie l'ensemble dans ton textarea.
cordialement,
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,
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:
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>