Copytoclipboard from a div area? utente inesperto

di
Ecbert
il
1 risposte
E
Ecbert
Pochi posts
Iscritto da
gen, 2019
Messaggi:
2

Copytoclipboard from a div area? utente inesperto

Salve a tutti,
da pochissimo mi sono imbattuto nel mondo della programmazione. Sono quindi un utente molto inesperto.
Volevo creare semplicemente delle frasi con un bottone per copiarle affianco.
Il codice sottostante è ciò che trovato su internet per realizzarlo.Tuttavia non riesco ad aggiungere una seconda frase con il relativo bottone per copiarla.
Qualcuno può spiegarmi come fare?
P.S.=Probabilmente ho sbagliato a indirizzare il post. Perdonatemi. Bisogna inoltre presentarsi prima aprire discussioni? se si, dove?

<html>
<head>
<script>
function copyToClipboard() {

  let textarea = document.createElement('textarea')
  textarea.id = 't'
  textarea.style.height = 0
  document.body.appendChild(textarea)
  textarea.value = document.getElementById("myInput").innerText
  let selector = document.querySelector('#t')
  selector.select()
  document.execCommand('copy')
  document.body.removeChild(textarea) 
}

</script>
</head>
<body style="width:500px;margin:80px auto;">
<div id="myInput" style="background-color:yellow;padding:10px;" >
In This tutorial how to copy text to the clipboard with JavaScript.

</div>
</body>
<br>
<button id="my_button" onclick="copyToClipboard()">Copy text</button>
</html>
Allora vi spiego ciò che ho capito.
Creo una textarea che e gli assegno l id 't' poi la inserisco dentro il body.
Ecco ora iniziano le difficoltà. Per cosa sta il myInput? ed il my_button?
Vorrei mettere un altra div con un altro bottone ma non so proprio come fare.
Grazie in Anticipo per le risposte.

1 Risposte

  • E
    Ecbert
    Pochi posts
    Iscritto da
    gen, 2019
    Messaggi:
    2

    Re: Copytoclipboard from a div area? utente inesperto

    Alla fine ho trovato una soluzione. La posto nel caso qualcuno dovesse avere i miei stessi dubbi. Anche se dubito 
    
<html>
<head>
<script>
function copyToClipboard0(prova) {
  let textarea = document.createElement('textarea')
  textarea.id = 't'
  textarea.style.height = 0
  document.body.appendChild(textarea)
  textarea.value = document.getElementById(prova).innerText
  let s = document.querySelector('#t')
  s.select()
  document.execCommand('copy')
  document.body.removeChild(textarea) 
}


</script>
</head>
<body style="width:500px;margin:80px auto;">
<div id="myInput0" style="background-color:yellow;padding:10px;" >
In This tutorial how to copy text to the clipboard with JavaScript.

</div>
<div id="myInput1" style="background-color:yellow;padding:10px;" >
ciao0

</div>
<div id="myInput2" style="background-color:yellow;padding:10px;" >
ciao1

</div>
<div id="myInput3" style="background-color:yellow;padding:10px;" >
ciao2
</div>
</body>
<br>
<button id="my_button" onclick="copyToClipboard0('myInput0')">Copy text</button>
<button id="my_button" onclick="copyToClipboard0('myInput1')">Copy text</button>
<button id="my_button" onclick="copyToClipboard0('myInput2')">Copy text</button>
<button id="my_button" onclick="copyToClipboard0('myInput3')">Copy text</button>
</html>
Devi accedere o registrarti per scrivere nel forum
1 risposte