CINXE.COM
FMJD payment gateway
<!DOCTYPE html> <html> <head> <title>FMJD payment gateway</title> <meta charset="utf-8"/> <link href="https://maxcdn.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" type="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script type="text/javascript"> function toMention() { if($("#mention").is(':checked')) { $("#tr_donation_name").show() } else { $("#tr_donation_name").hide() } } function AddDesc() { if($("#cont_0").val()>0) $("#desc").val("Donate to the FMJD") if($("#cont_1").val()>0) $("#desc").val("Donate to the Solidarity Fund") if($("#cont_2").val()>0) $("#desc").val("Donate to Vyacheslav Shchyogolev") if($("#cont_3").val()>0) $("#desc").val("Donate to Ukraine") } function Pay() { if($("#cont_0").val()==0 && $("#cont_1").val()==0 && $("#cont_2").val()==0 && $("#cont_3").val()==0) { alert("Please add an amount!") $("#cont_0").css("background-color", "yellow") $("#cont_1").css("background-color", "yellow") $("#cont_2").css("background-color", "yellow") $("#cont_3").css("background-color", "yellow") return false; } $.ajax({ method: "POST", url: "ajax.php", data: { desc: $("#desc").val(), donator: $("#donator").val(), mention: $("#mention").is(':checked'), total: ($("#cont_0").val()*1 || 0) + ($("#cont_1").val()*1 || 0) + ($("#cont_2").val()*1 || 0) + ($("#cont_3").val()*1 || 0) } }) .done(function(url) { // console.log(resp); var win = window.open(url,"_parent"); win.focus(); }); } $(function() { AddDesc(); }); </script> <style> .textarea { height: 30px; } .table { width: auto; } </style> </head> <body> <center> <img src="https://fmjd.org/fmjdlogo2018.gif"/> <h4>You can support the FMJD with a general or purposeful donation<br /> Also you can make a donation for a specific federation / player / tournament </h4> (<a href="../fees/">Click here if you like to pay for a FMJD service</a>)<br /><br /> <div class="container-fluid"> <div class="row-fluid"> <div class="span2"></div> <div class="span4"> <table class="table"> <tr> <td>Donation</td> <td>Amount</td> <td>Euro</td> </tr> <tr> <td>Donate to the FMJD</td> <td><input class="input-mini" id="cont_0" value="" placeholder="" onkeyup="AddDesc()" /></td> <td> € </td> </tr><tr> <td>Donate to the Solidarity Fund</td> <td><input class="input-mini" id="cont_1" value="" placeholder="" onkeyup="AddDesc()" /></td> <td> € </td> </tr> <tr> <td colspan="2"> I'd like to be mentioned in the list of donations </td> <td><input id="mention" type="checkbox" checked="checked" onclick="toMention()"/></td> </tr> <tr> <td colspan="3" id="tr_donation_name">as <input class="input-xlarge" type="text" id="donator" placeholder="Your name" /></td> </tr> </table> <br /> </div> <div class="span4" style="text-align: left;"> <textarea id="desc" class="span12" rows="8" placeholder="Add your description"></textarea> <br /><button class="btn btn-primary" onclick="Pay()">Go to payment gateway <img src="mollie.png"/></button> </div> <div class="span2"></div> </div> <div> <div class="row-fluid"> <div class="span2"></div> <div class="span8" onclick="Pay()"> You can pay with <img src="https://i.imgur.com/PrfBuz7.png"/> <img src="https://i.imgur.com/R8aTpYM.png"/> <img src="https://i.imgur.com/b1otgQQ.png" height="60px"/> </div> <div class="span2"></div> </div> </div> </div> </center> </body> </html>