option mehrere copier sachen auf einer seite zu haben

This commit is contained in:
home 2020-06-25 10:47:22 +02:00
parent 67c8a2f7c1
commit ff138c18a9
2 changed files with 7 additions and 7 deletions

View File

@ -89,7 +89,7 @@ git submodule add https://git.seemsleg.it/ef/cssjs-func-lib cssjs
<input type="text" value="Hello World" id="copy-to-clipboard"> <input type="text" value="Hello World" id="copy-to-clipboard">
<div class="copy-to-clipboard"> <div class="copy-to-clipboard">
<input type="text" readonly="true" value="blablabla" id="copy-to-clipboard" onclick=" copyToClipboard();copiedToClipboard();return false;" onmouseout="resetClipboard()"> <input type="text" readonly="true" value="blablabla" id="copy-to-clipboard" onclick=" copyToClipboard('copy-to-clipboard');copiedToClipboard('copy-to-clipboard-tooltip');return false;" onmouseout="resetClipboard('copy-to-clipboard-tooltip')">
<span class="tooltiptext" id="copy-to-clipboard-tooltip">Kopieren</span> <span class="tooltiptext" id="copy-to-clipboard-tooltip">Kopieren</span>
</div> </div>
``` ```

View File

@ -1,5 +1,5 @@
function copyToClipboard() { function copyToClipboard(id) {
var copyText = document.getElementById("copy-to-clipboard"); var copyText = document.getElementById(id);
/* Select the text field */ /* Select the text field */
copyText.select(); copyText.select();
@ -9,12 +9,12 @@ function copyToClipboard() {
document.execCommand("copy"); document.execCommand("copy");
} }
function copiedToClipboard() { function copiedToClipboard(id) {
var tooltip = document.getElementById("copy-to-clipboard-tooltip"); var tooltip = document.getElementById(id);
tooltip.innerHTML = "Kopiert"; tooltip.innerHTML = "Kopiert";
} }
function resetClipboard() { function resetClipboard(id) {
var tooltip = document.getElementById("copy-to-clipboard-tooltip"); var tooltip = document.getElementById(id);
tooltip.innerHTML = "Kopieren"; tooltip.innerHTML = "Kopieren";
} }