Forum : Boutons Copier multiples

Bonjour,
J'essaye de dréer une page HTML avec plusieurs boutons Copier.

Mon Javascript (appelé "a.js", dans le meme dossier que ma page HTML) :

function copyToClipBoard(num) {
    var content = document.getElementById('content');
    content.select();
    document.execCommand('copy');
    alert("Copie !");
}

Mon HTML :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
<HTML>
   <HEAD>
      <TITLE>Test</TITLE>
<link href="Text.css" rel="stylesheet" media="all" type="text/css"> 
   </HEAD>
   <BODY>
    <textarea id="content"  rows="4" cols="33";>
Text 1</textarea>
    <button onclick="copyToClipBoard()">Copier</button>
</br>
    <textarea id="content"  rows="4" cols="20";>
Text 2</textarea>
    <button onclick="copyToClipBoard()">Copier</button>
    <script src="a.js"></script>
   </BODY>
</HTML>

Ce que je veux

J'aimerais que chaque bouton copie le texte qui lui est associé.

Ce que j'obtiens

Pour l'instant les 2 boutons copient le Textarea 1.
J'aimerais avoir une dizaines de boutons sur ma page finale.

Tous mes essais ont étés vains pour le moment...

Quelqu'un aurait une idée pour moi ?

Merci enormémént pour toute aide !

Boutons Copier multiples

1 réponse