j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutM<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://www.moneybutton.com/moneybutton.js"></script>
<style>
.square {
height: 150px;
width: 150px;
background-color: #555;
margin: 5px 5px 5px 5px;
float: left;
text-align: center;
color: #ffffff;
}
.squarebreak {
height: 50px;
width: 50px;
background-color: #555;
margin: 5px 5px 5px 5px;
}
.container{
display: flex;
}
.fixed{
width: 600px;
}
</style>
</head>
<body>
<h2>Change Square Colour with Moneybutton</h2>
<div class="container">
<div class="fixed">
<div onmouseover="lightcol(this)" onmouseout="darkcol(this)" onclick="myFunction()" class="square" id="squ">LOAD MONEYBUTTON</div>
</div>
<div class="flex-item">
</div>
</div>
<!-- This line should go where you want to put your button -->
<div class="money-button"
data-to="1485"
data-amount="0.01"
data-currency="USD"
data-label=""
data-client-identifier="e78343cefb08ae71141cf925dfa09b7f"
data-button-id="1562910147334"
data-button-data="{}"
data-type="buy"
id = "mbfield"
style="visibility: hidden"
data-on-payment="changeColor"
></div>
<!-- This line can go anywhere -->
<script>
function lightcol(x) {
x.style.backgroundColor = "#677";
}
function darkcol(x) {
x.style.backgroundColor = "#555";
}
function myFunction() {
document.getElementById("mbfield").style.visibility='visible';
}
function changeColor(x) {
document.getElementById("squ").style.backgroundColor = "#ff0000";
}
</script>
</body>
</html> text/html
https://whatsonchain.com/tx/cf18cd7880f72f19f8771989d61cb0f95c6cb3c781f2981c041bc6f304043efc