Copier Texarea vers le presse-papier

**Temjeh3** · 09/07/2015, 14h01

Bonjour et merci d'avance

Après beaucoup d'essaie, je me tourne vers vous.

Avec Chrome, comment sous un bouton lui faire copier la valeur du Textarea.
Ensuite vider ce Textarea (pas couper, juste clear)

Beaucoup de code sur le net mais rien ne fonctionne sur Chrome

Merci de votre temps

Temjeh

**01001111** · 09/07/2015, 17h17

textarea a un comportement, si je me souviens bien, un peu particulier,

parfois il faut jouer avec la propriété value, dans d'autres cas, c'est la propriété innerHTML ou innerText qui va permettre de manipuler le contenu.

**Temjeh3** · 09/07/2015, 17h21

MERCI de ton temps

Moi je programme en VBA et je suis nul en Java/Html.

Je ne saisis pas très bien mais est-ce possible.
Si oui as tu un bout de code à me mettre sous la dent

Temjeh

**01001111** · 09/07/2015, 22h31

ceci par exemple:

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
 
<html>
<head>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
</head>
<body>
<textarea name="test" id="test">test 1</textarea>
<script type="text/javascript">
var memorized=$("#test")[0].value;
console.log(memorized);
$("#test").on("change keyup paste", function(e) { memorized=e.target.value; e.target.value=""; /*faire quelquechose avec memorized ensuite pour l'instant on met en console*/ console.log(memorized); });
</script>
</body>
</html>

jquery est ici

**Temjeh3** · 09/07/2015, 22h41

Merci beaucoup

Et sous l'image clic
Comment j'y met ?

Code html :

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

1
2
3
4
<tr>
 <td bordercolor="#000000"><img src="images/go.jpg"
 border="1" width="66" height="66" onclick="#test"></td>
 </tr>

...pas bon

Merci de ton temps

**01001111** · 09/07/2015, 23h21

comme ça:

Code html :

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

1
2
3
4
5
6
7
8
9
<img src="images/go.jpg"
border="1" width="66" height="66" onclick="emptyTextarea();">
<script type="text/javascript">
var mem="";
function emptyTextarea() {
         mem=$("#test")[0].value;
         $("#test")[0].value="";
}
</script>

plus si tu veux un pointeur sur le img quand tu passes la souris:

Code html :

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

1
2
3
4
5
6
 
<style type="text/css">
img[src="images/go.jpg"]:hover {
      cursor:pointer;
}
</style>

**Temjeh3** · 09/07/2015, 23h28

Merci
Il ne copy pas dans le clipboard

Code :

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
20
<body>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
 
<p><textarea name="test" rows="1" cols="20" id="test">test 1</textarea>
<script type="text/javascript">
var memorized=$("#test")[0].value;
console.log(memorized);
$("#test").on("change keyup paste", function(e) { memorized=e.target.value; e.target.value=""; /*faire quelquechose avec memorized ensuite pour l'instant on met en console*/ console.log(memorized); });
</script> </p>
 
<p><img src="go.jpg" border="1" width="66" height="66"
onclick="emptyTextarea();"> <script type="text/javascript">
var mem="";
function emptyTextarea() {
         mem=$("#test")[0].value;
         $("#test")[0].value="";
}
</script>
</p>
</body>

Ou est mon erreur

Temjeh

**01001111** · 09/07/2015, 23h56

il copie dans la variable mem...
Tout le premier script tu peux l'enlever c'était pour la démo.
Tu veux copier dans le presse-papier? Fallait le dire!

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function copyToClipBoardAndEmptyTextarea() {
  $("#test")[0].select();
  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
  $("#test")[0].value="";
}

faut changer dans ce cas aussi le nom de la fonction dans le onclick pour qu'il corresponde à celui de la nouvelle fonction...
Bon courage.

**Temjeh3** · 10/07/2015, 00h03

Parfait

Merci beaucoup

**Temjeh3** · 12/07/2015, 17h25

Bonjour

J'y suis presque.

Vous pouvez me dire ou est mon erreur?

Code :

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
20
21
22
23
24
25
26
27
 
<p><textarea name="test" rows="1" cols="20" id="test">test 1</textarea>
<script type="text/javascript">
<p><script language="JavaScript"><!--
function copyToClipBoardAndEmptyTextarea() {
  $("#test")[0].select();
  try {
    var successful = document.execCommand('copy');
    var msg = successful ? 'successful' : 'unsuccessful';
    console.log('Copying text command was ' + msg);
  } catch (err) {
    console.log('Oops, unable to copy');
  }
  $("#test")[0].value="";
}
// --></script></p>
 
<p><img src="images/go.jpg" border="1" width="66" height="66"
onclick="copyToClipBoardAndEmptyTextarea);"> <script
type="text/javascript">
var mem="";
function copyToClipBoardAndEmptyTextarea() {
         mem=$("#test")[0].value;
         $("#test")[0].value="";
}
</script> </p>
</body>

Merci de votre aide

**NoSmoking** · 13/07/2015, 18h28

Bonjour,
il te faut remettre de l'ordre dans ton code, par exemple

Code html :

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

1
2
<script type="text/javascript">
<p><script language="JavaScript"><!--

ou encore

Code html :

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

onclick="copyToClipBoardAndEmptyTextarea);"

sans parenthèse ouvrante.

Et ce n'est pas tout

**Temjeh3** · 13/07/2015, 19h51

Merci de ton temps

Pour plus simple
Tu n'a pas un code complet ou une pièce jointe qui copie la valeur du Textarea vers le presse-papier.
Et ce pour tout les browsers.

Impossible pour moi de l'adapter.
J,ai essayé 5 ou 6 facon sans succès

Temjeh

Copier Texarea vers le presse-papier

JavaScript

Discussions similaires

Partager

Partager