Comment faire fonctionner le JS pour des boutons de copie multiples ? Par exemple, imaginez 5 articles dans un flux de pages, chacun avec son propre bouton de copie. Pour l'instant, cela ne semble fonctionner que pour le premier bouton de la page, et les autres boutons ne font rien.
HTML/PHP :
<input type="text" value="<?php the_permalink();?>" id="myInput">
<div class="copytooltip">
<button onclick="myFunction()" onmouseout="outFunc()">
<span class="copytooltiptext" id="myCopyTooltip">Copy to clipboard</span>
Copy text
</button>
</div>
JS :
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
var tooltip = document.getElementById("myCopyTooltip");
tooltip.innerHTML = "Copied: " + copyText.value;
}
function outFunc() {
var tooltip = document.getElementById("myCopyTooltip");
tooltip.innerHTML = "Copy to clipboard";
}