Cum să Creați un Popup Pentru Confirmarea Vârstei [Avansat PRO]
În acest tutorial învățăm cum să creați un Popup pentru confirmarea vârstei. Vom explora trei metode diferite pentru a realiza acest lucru. Primul va folosi Widget-ul butoane. În a doua metodă vom folosi câmpul de acceptare dintr-un formular. Și în cea de-a treia și ultima soluție, vom folosi Javascript personalizat pentru a permite utilizatorului să introducă data nașterii.
Tutorialul va acoperi:
✔︎ Cum se creează un Pop-up
✔︎ Cum să creați o poartă de vârstă folosind butoane
✔︎ Cum să creați o poartă de vârstă folosind câmpul de acceptare dintr-un formular
✔︎ Cum să creați o poartă de vârstă folosind câmpul de dată dintr-un formular
✔︎ Și multe altele!
Pentru confortul dvs. urmăriți acest Tutorial în format Video. Video creat de echipa de asistență Elementor.
JavaScript Personalizat:
document.getElementById("dateofbirthsubmit").addEventListener('click',function ()
{
var dateString = document.getElementById('form-field-dateofbirth').value;
if(dateString !=='')
{
var today = new Date();
var birthDate = new Date(dateString);
var age = today.getFullYear() - birthDate.getFullYear();
if(age < 18 || age > Infinity)
{
elementorProFrontend.modules.popup.showPopup( {id:50}, event);
event.preventDefault();
}
}
else
{
alert("Trebuie să completați data nașterii!");
}
} );
