ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 13:25:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Modified script so that it can be used in a repeating partial

Browse source
This commit is contained in:
Thomas Smith 2023-05-05 17:47:01 +02:00
parent 53df889e70
commit d06b467b8e
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/layouts/partials/click-to-copy.html
View file

@ -1,12 +1,12 @@
<div class="flex pt-1 pb-1 ps-4 pe-1 mb-3 black-bg" style="max-width: 800px; margin-left:auto; margin-right:auto; height:60px; border: 1px solid #949494;"> <div class="flex pt-1 pb-1 ps-4 pe-1 mb-3 black-bg copy-section" style="max-width: 800px; margin-left:auto; margin-right:auto; height:60px; border: 1px solid #949494;">
<code id="copy-text" class="white lead">sh <(curl tea.xyz)</code> <code class="white lead copy-text">sh <(curl tea.xyz)</code>
<button class="hbtn hb-fill-right" id="copy-button" style="height:100%;">Copy</button> <button class="hbtn hb-fill-right copy-button" style="height:100%; width:140px;">Copy</button>
</div> </div>
<script> <script>
$("#copy-button").on("click", function() { $(".copy-button").on("click", function() {
var copyText = "sh <(curl https://tea.xyz)"; var copyText = $(this).siblings(".copy-text").text();
var tempInput = document.createElement("input"); var tempInput = document.createElement("input");
tempInput.style = "position: absolute; left: -1000px; top: -1000px"; tempInput.style = "position: absolute; left: -1000px; top: -1000px";
tempInput.value = copyText; tempInput.value = copyText;
@ -16,11 +16,11 @@
document.body.removeChild(tempInput); document.body.removeChild(tempInput);
// Change the button text to 'Copied' // Change the button text to 'Copied'
var button = $("#copy-button"); var button = $(this);
var originalText = button.text(); var originalText = button.text();
button.text("Copied!"); button.text("Copied!");
// Change the button text back to original after 5 seconds // Change the button text back to original after 2 seconds
setTimeout(function() { setTimeout(function() {
button.text(originalText); button.text(originalText);
}, 2000); }, 2000);