document.addEventListener('DOMContentLoaded', function () { const elementorForm = document.querySelector('#malteser-donation-form form'); if (!elementorForm) return; const radioFields = elementorForm.querySelectorAll( '[name="form_fields[alx_amount]"]' ); const customAmountField = elementorForm.querySelector( '[name="form_fields[custom_amount]"]' ); if (customAmountField) { customAmountField.addEventListener('input', function () { if (customAmountField.value.trim() !== '') { radioFields.forEach(function (radio) { radio.checked = false; }); } }); } radioFields.forEach(function (radio) { radio.addEventListener('change', function () { if (customAmountField) { customAmountField.value = ''; } }); }); elementorForm.addEventListener('submit', function (e) { e.preventDefault(); e.stopPropagation(); const checkedRadio = elementorForm.querySelector( '[name="form_fields[alx_amount]"]:checked' ); let amount = ''; if (customAmountField && customAmountField.value.trim() !== '') { amount = customAmountField.value.trim(); } else if (checkedRadio) { amount = checkedRadio.value; } else { amount = '50'; } amount = amount.replace(',', '.'); amount = parseFloat(amount); if (isNaN(amount) || amount <= 0) { alert('Bitte geben Sie einen gültigen Spendenbetrag ein.'); return false; } const formattedAmount = '€ ' + amount.toFixed(2).replace('.', ','); const postForm = document.createElement('form'); postForm.method = 'POST'; postForm.action = '/spendeform/?from_elementor=1'; postForm.style.display = 'none'; const amountInput = document.createElement('input'); amountInput.type = 'hidden'; amountInput.name = 'alx_amount'; amountInput.value = formattedAmount; const projectInput = document.createElement('input'); projectInput.type = 'hidden'; projectInput.name = 'project'; projectInput.value = 'Renovierung Wien Börseplatz 6'; postForm.appendChild(amountInput); postForm.appendChild(projectInput); document.body.appendChild(postForm); postForm.submit(); return false; }, true); });