Pole "Copy to clipboard" w tabeli - kilka przyciskow

[arturob]

Drodzy Forumowicze,

Czy moglby mi ktos podpowiedziec i wskazac blad.
Zaprojektowalem tabele z polami, ktorych zawartosc chcialbym moc latwo kopiowac.

Do kazdego pola przypisalem inny ID, ale nie trybi - wszystkie pola kopuja zawartosc 1szej komorki.
Kod ponizej:

<tr>
<td><a href="https://10.2.216.247" target="_blank">Hub1</a></td>
<td><input type="text" value="LNWS101057" size="8" id="myInput">
<button onclick="myFunction()">C</button>

<script>
function myFunction() {
var copyText = document.getElementById("myInput");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script></td>
<td><input style="background-color:#ccffcc" type="text" value="LNWS10937" size="8" id="myInput2">
<button onclick="myFunction()">C</button>

<script>
function myFunction() {
var copyText = document.getElementById("myInput2");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script></td>
<td><input type="text" value="rstp://" size="8" id="myInput3">
<button onclick="myFunction()">C</button>

<script>
function myFunction() {
var copyText = document.getElementById("myInput3");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script></td>
</tr>
<tr>
<td>Hub2</td>
<td><input type="text" value="LNWS10577" size="8" id="myInput4">
<button onclick="myFunction()">C</button>

<script>
function myFunction() {
var copyText = document.getElementById("myInput4");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script></td>
<td><input type="text" value="LNWS10757" size="8" id="myInput5">
<button onclick="myFunction()">C</button>

<script>
function myFunction() {
var copyText = document.getElementById("myInput5");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script></td>
<td><input type="text" value="rstp://2" size="8" id="myInput6">
<button onclick="myFunction()">C</button>

<script>
function myFunction() {
var copyText = document.getElementById("myInput6");
copyText.select();
copyText.setSelectionRange(0, 99999)
document.execCommand("copy");
}
</script></td>
</tr>

[Małpożer]

Masz 4 razy zdefiniowana funkcje o tej samej nazwie myFunction().  Zmien nazwy na np myFunction1(), myFunction2()... itd