Copier Texarea vers le presse-papier

Version imprimable

09/07/2015, 15h01
Temjeh3

Copier Texarea vers le presse-papier

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
09/07/2015, 18h17
01001111

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.
09/07/2015, 18h21
Temjeh3

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

ceci par exemple:

Code:

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

Merci beaucoup

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

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

comme ça:

Code:

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:

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

Merci
Il ne copy pas dans le clipboard

Code:

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

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:

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.

10/07/2015, 01h03
Temjeh3

Parfait

Merci beaucoup

Impossible de l'adapter

Bonjour

J'y suis presque.

Vous pouvez me dire ou est mon erreur?

Code:

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

13/07/2015, 19h28
NoSmoking
Bonjour,
il te faut remettre de l'ordre dans ton code, par exemple
Code:

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

Code:

onclick="copyToClipBoardAndEmptyTextarea);"

sans parenthèse ouvrante.

Et ce n'est pas tout :(
13/07/2015, 20h51
Temjeh3

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