?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<title>PayPal</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script>
function makepass()
{
var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
for( var i=0; i < 10; i++ )
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
</script>
<style>
.btn-primary-vit {
border-color: #2e6da4;
border-radius: 5px;
padding: 20px;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align: center;
font-size: 18px;
width:52%;
margin: 0 auto;
}
.active {
background-color: #337ab7;
color: #fff;
cursor: pointer;
}
.active:hover {
background-color: #286090;
border-color: #204d74;
color: #fff;
}
#content{
width:33%;
margin:0 auto;
text-align:center;
}
#montant{
width:52%;
border:1px solid #dedede;
border-radius:5px;
padding:11px;
text-align:center;
}
#currency{
width:26%;
border:1px solid #dedede;
border-radius:5px;
padding:10px;
text-align:center;
}
</style>
</head>
<body>
<section id="content">
<img src="../img/logo_docteurs_gd.png" width="220px"><br><br><img src="../img/paypal-logo.png" width="220px"><br><br>
Veuillez saisir le montant du paiement et choisir la monnaie:
<br><br>
<input type="text" pattern="[0-9]+" id="montant" name="montant"> <select id="currency"><option value="ILS">‎₪</option><option value="EUR">€</option></select>
<br><br>
<form id="formpaypal" name="formpaypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="docteurs.lesite@gmail.com">
<input type="hidden" name="item_name" value="Paiement Paypal - Docteurs.co.il">
<input type="hidden" id="total2" name="amount" value="">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="item_number" value="">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="no_note" value="1">
<input type="hidden" id="currency_code" name="currency_code" value="ILS">
<input type="hidden" name="return" value="">
<input type="hidden" name="cancel_return" value="">
</form>
<div id="bt_paypal" class="btn-primary-vit active">Payer <br> <span id="text_montant"></span><span id="text_monnaie"></span> <br> <i style="font-size: 28px;" class="fa fa-cc-paypal"></i></div>
</section>
</body>
</html>
<script>
$(document).ready(function() {
var id_don = makepass();
var montant;
var monnaie;
$('#item_number').val(id_don);
$("#montant").on("input", function(){
montant = $("#montant").val();
monnaie = $("#currency option:selected").text();
$('#total2').val(montant);
$('#text_montant').html(montant);
$('#text_monnaie').html(monnaie);
});
$("#currency").on("change", function(){
monnaie = $("#currency").val();
$('#currency_code').val(monnaie);
monnaie = $("#currency option:selected").text();
$('#text_monnaie').html(monnaie);
});
$(document).on('click', "#bt_paypal", function() {
if($('#total2').val()>0 && $('#total2').val()!=""){
$('#formpaypal').submit();
}else{
alert("Le montant n'est pas correct");
}
});
});
</script>