IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Copier le contenu d'un textarea invisible


Sujet :

JavaScript

  1. #1
    Membre actif
    Avatar de Freedolphin
    Homme Profil pro
    Webmaster
    Inscrit en
    février 2006
    Messages
    279
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Communication - Médias

    Informations forums :
    Inscription : février 2006
    Messages : 279
    Points : 220
    Points
    220
    Par défaut Copier le contenu d'un textarea invisible
    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 !
    Le mieux n'est pas forcément l'ennemi du bien.

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    8 997
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 8 997
    Points : 13 863
    Points
    13 863
    Par défaut
    essayez peut-être cette bibliothèque :
    https://clipboardjs.com/

  3. #3
    Membre actif
    Avatar de Freedolphin
    Homme Profil pro
    Webmaster
    Inscrit en
    février 2006
    Messages
    279
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Communication - Médias

    Informations forums :
    Inscription : février 2006
    Messages : 279
    Points : 220
    Points
    220
    Par défaut
    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.
    Le mieux n'est pas forcément l'ennemi du bien.

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    16 084
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 16 084
    Points : 40 875
    Points
    40 875
    Par défaut
    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;
    }

  5. #5
    Membre actif
    Avatar de Freedolphin
    Homme Profil pro
    Webmaster
    Inscrit en
    février 2006
    Messages
    279
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Communication - Médias

    Informations forums :
    Inscription : février 2006
    Messages : 279
    Points : 220
    Points
    220
    Par défaut
    En effet, cette solution fonctionne très bien.
    Merci !
    Le mieux n'est pas forcément l'ennemi du bien.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 26/03/2014, 16h25
  2. Copier le contenu d'une div dans un textarea
    Par Invité dans le forum jQuery
    Réponses: 4
    Dernier message: 03/12/2013, 16h03
  3. copier le contenu du presse papier dans un textarea
    Par joreveur dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 29/01/2011, 15h31
  4. Copier le contenu d'un répertoire
    Par bianconeri dans le forum C++Builder
    Réponses: 5
    Dernier message: 30/12/2006, 13h00
  5. Réponses: 2
    Dernier message: 16/07/2004, 09h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo