121 lines
4.9 KiB
JavaScript
121 lines
4.9 KiB
JavaScript
//
|
|
// Smooth scrolling when opening and closing the details element for value block
|
|
//
|
|
// Set expanded value block to a variable
|
|
const valueBlock = document.getElementById("value-expanded");
|
|
const bodyTop = document.getElementById("top");
|
|
|
|
// Watch for the details element to be toggled
|
|
document.querySelector('.value-block').addEventListener('toggle', function() {
|
|
if (this.open) {
|
|
// Scroll to contents of value block when it is opened
|
|
valueBlock.scrollIntoView({ behavior: "smooth" });
|
|
} else {
|
|
// Scroll to top of button list when value block is closed
|
|
bodyTop.scrollIntoView({ behavior: "smooth" });
|
|
}
|
|
});
|
|
|
|
//
|
|
// Copy crypto wallet addresses to clipboard when clicked
|
|
//
|
|
// Set wallet addresses to variables
|
|
const btcadd = document.getElementById("btcwall").textContent;
|
|
const ethadd = document.getElementById("ethwall").textContent;
|
|
const dogeadd = document.getElementById("dogewall").textContent;
|
|
|
|
// Watch for click on BTC wallet address
|
|
document.getElementById("btcwall").addEventListener("click", function(){
|
|
// Copy BTC address to clipboard
|
|
navigator.clipboard.writeText(btcadd);
|
|
// Display alert to confirm the address was added to clipboard
|
|
alert("BTC address copied to clipboard");
|
|
});
|
|
|
|
// Watch for click on ETH wallet address
|
|
document.getElementById("ethwall").addEventListener("click", function(){
|
|
// Copy ETH address to clipboard
|
|
navigator.clipboard.writeText(ethadd);
|
|
// Display alert to confirm the address was added to clipboard
|
|
alert("ETH address copied to clipboard");
|
|
});
|
|
|
|
// Watch for click on DOGE wallet address
|
|
document.getElementById("dogewall").addEventListener("click", function(){
|
|
// Copy DOGE address to clipboard
|
|
navigator.clipboard.writeText(dogeadd);
|
|
// Display alert to confirm the address was added to clipboard
|
|
alert("DOGE address copied to clipboard");
|
|
});
|
|
|
|
//
|
|
// Display crypto QR code when link is clicked
|
|
//
|
|
// Prevent clicks on QR codes from functioning
|
|
document.querySelector("#btc-qr-link a").addEventListener("click", function(event){
|
|
event.preventDefault()
|
|
});
|
|
document.querySelector("#eth-qr-link a").addEventListener("click", function(event){
|
|
event.preventDefault()
|
|
});
|
|
document.querySelector("#doge-qr-link a").addEventListener("click", function(event){
|
|
event.preventDefault()
|
|
});
|
|
|
|
// Watch for click on BTC QR code link
|
|
document.querySelector("#btc-qr-link a").addEventListener("click", function(){
|
|
// Hide all other QR codes
|
|
if (document.contains(document.querySelector("#eth-js-qr"))) {
|
|
document.querySelector("#eth-js-qr").remove();
|
|
}
|
|
if (document.contains(document.querySelector("#doge-js-qr"))) {
|
|
document.querySelector("#doge-js-qr").remove();
|
|
}
|
|
// Display BTC QR code
|
|
if (document.contains(document.querySelector("#btc-js-qr"))) {
|
|
document.querySelector("#btc-js-qr").remove();
|
|
valueBlock.scrollIntoView({ behavior: "smooth" });
|
|
} else {
|
|
document.querySelector("#btcwall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"btc-js-qr\"><img src=\"images/crypto/btc-qr.png\"></span>");
|
|
document.querySelector("#btc-qr-link").scrollIntoView({ behavior: "smooth" });
|
|
}
|
|
});
|
|
|
|
// Watch for click on ETH QR code link
|
|
document.querySelector("#eth-qr-link a").addEventListener("click", function(){
|
|
// Hide all other QR codes
|
|
if (document.contains(document.querySelector("#btc-js-qr"))) {
|
|
document.querySelector("#btc-js-qr").remove();
|
|
}
|
|
if (document.contains(document.querySelector("#doge-js-qr"))) {
|
|
document.querySelector("#doge-js-qr").remove();
|
|
}
|
|
// Display ETH QR code
|
|
if (document.contains(document.querySelector("#eth-js-qr"))) {
|
|
document.querySelector("#eth-js-qr").remove();
|
|
valueBlock.scrollIntoView({ behavior: "smooth" });
|
|
} else {
|
|
document.querySelector("#ethwall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"eth-js-qr\"><img src=\"images/crypto/eth-qr.png\"></span>");
|
|
document.querySelector("#eth-qr-link").scrollIntoView({ behavior: "smooth" });
|
|
}
|
|
});
|
|
|
|
// Watch for click on DOGE QR code link
|
|
document.querySelector("#doge-qr-link a").addEventListener("click", function(){
|
|
// Hide all other QR codes
|
|
if (document.contains(document.querySelector("#btc-js-qr"))) {
|
|
document.querySelector("#btc-js-qr").remove();
|
|
}
|
|
if (document.contains(document.querySelector("#eth-js-qr"))) {
|
|
document.querySelector("#eth-js-qr").remove();
|
|
}
|
|
// Display DOGE QR code
|
|
if (document.contains(document.querySelector("#doge-js-qr"))) {
|
|
document.querySelector("#doge-js-qr").remove();
|
|
valueBlock.scrollIntoView({ behavior: "smooth" });
|
|
} else {
|
|
document.querySelector("#dogewall").insertAdjacentHTML("afterend", "<span class=\"crypto-js-qr\" id=\"doge-js-qr\"><img src=\"images/crypto/doge-qr.png\"></span>");
|
|
document.querySelector("#doge-qr-link").scrollIntoView({ behavior: "smooth" });
|
|
}
|
|
});
|