Copie en un clic

Pour certains types de sites, il est pratique que le visiteur puisse copier du texte ou du code dans le presse papier pour le coller dans son éditeur en un seul clic. Cela évite les petites erreurs de sélection bien embêtantes.

Vous avez peut-être déjà vu des zones grisées avec un bouton "Copier" ou autre sur des sites de formation ou des forums. Avec TOWeb on ne peut pas le faire, donc voilà un petit script qui vous permettra de réaliser cette option.

Le script fait appel à un <textarea> qui est appelé " Texte multiligne" dans les formulaires de TW.

Voici ce code à copier/coller dans un champ HTML que vous placerez ensuite dans un paragraphe.
Paradoxalement, je ne peux vous mettre le code avec mon script car il y a les balises </textarea> qui interfèrent, vous devrez donc sélectionner et copier le texte vous-même, mais vous pouvez voir ce que ça donne dans l'exemple ci-dessous.

<button type="btn" style="font-size:12px; border:none" onclick="macopie1()">Copier le code</button><br>
<textarea id="macopie1" style="cursor:default; width:70%;" rows="10" readonly>
   Inclure le
   texte ici
</textarea><br>
<script>
function macopie1() {
   var copyText = document.getElementById("macopie1");
   copyText.select();
   document.execCommand("Copy");
   alert("Le code est copié dans le presse papier");   
 } 
</script>