Sophistication | Farima Perry Florals & Events

Sophistication

Recent Posts

document.addEventListener('DOMContentLoaded', function () { const modals = document.querySelectorAll('.modal'); const openButtons = document.querySelectorAll('.more-info'); const closeButtons = document.querySelectorAll('.close');// Add click event for opening modals openButtons.forEach(function (button) { button.addEventListener('click', function () { const modalId = this.getAttribute('data-modal'); const modal = document.getElementById(modalId);if (!modal) { console.error('Error: No modal found for button with data-modal="' + modalId + '"'); } else { modal.style.display = 'flex'; // Show the modal } }); });// Add click event for closing modals closeButtons.forEach(function (button) { button.addEventListener('click', function () { const modal = this.closest('.modal'); if (modal) { modal.style.display = 'none'; // Hide the modal } else { console.error('Error: Close button clicked, but no modal found.'); } }); });// Close modals when clicking outside of them window.addEventListener('click', function (e) { modals.forEach(function (modal) { if (e.target === modal) { modal.style.display = 'none'; // Close the modal if clicked outside } }); }); });