Ramadan

J’agis maintenant

.modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
}

.modal-contenu {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}

.fermer-modal {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.fermer-modal:hover,
.fermer-modal:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
// Sélection de la modal et du bouton d’ouverture
var modal = document.getElementById(‘modal’);
var boutonOuvrir = document.getElementById(‘ouvrir-modal’);
var boutonFermer = document.querySelector(‘.fermer-modal’);

// Ouvrir la modal lors du clic sur le bouton d’ouverture
boutonOuvrir.addEventListener(‘click’, function() {
modal.style.display = ‘block’;
});

// Fermer la modal lors du clic sur le bouton de fermeture
boutonFermer.addEventListener(‘click’, function() {
modal.style.display = ‘none’;
});

// Redirection vers l’API de Sogecommerce lors de la soumission du formulaire
document.getElementById(‘formulaire-don’).addEventListener(‘submit’, function(event) {
event.preventDefault(); // Empêcher le comportement par défaut du formulaire
var montant = document.getElementById(‘montant’).value;
// Redirection vers l’API de Sogecommerce avec le montant du don
window.location.href = ‘https://api.sogecommerce.com/paiement?montant=’ + montant;
});