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