Discussion :

[Freedolphin]

Bonjour � tous,

Je cherche � copier du texte avec un bouton en JS, id�alement le texte serait dans une DIV, mais apparemment, je ne peux le faire qu'avec du texte dans un input ou un textarea.
Donc, j'ai mis ce texte dans un textarea et le code ci-dessous marche tr�s bien.
Le seul truc, c'est que le textarea fait doublon avec la DIV qui contient le texte.
J'ai essay� de cacher le textarea en CSS (display:none ou visibility:hidden), mais dans ce cas, mon bouton de copie est inop�rant.
Avez-vous une autre solution pour cacher ce textarea ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
function CopyText() {
	let button = document.querySelector("button");
  var copytext = document.getElementById("content");
 
  copytext.select();
  document.execCommand("copy");
 
  button.innerText = "Copié !";
} 
 
<textarea id='content'>mon texte</textarea>
<button onclick=\"CopyText()\">Copier le texte</button>

Merci d'avance pour vos bonnes id�es !

[mathieu]

essayez peut-�tre cette biblioth�que :
https://clipboardjs.com/

[Freedolphin]

Pourquoi pas, mais cela ne r�pond pas vraiment � la question.
L'id�e est de garder le code et d'essayer de trouver un moyen de cacher le textarea.
Ou de le remplacer par une DIV de texte.

[NoSmoking]

Bonjour,

J'ai essay� de cacher le textarea en CSS (display:none ou visibility:hidden),

il te suffit de positionner l'�l�ment hors fen�tre, par exemple :

Code css :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
textarea {
  position: absolute;
  left: -999em;
}

[Freedolphin]

En effet, cette solution fonctionne tr�s bien.
Merci !