Zamijenite JavaScript kutije upozorenja ovom alternativom
Javascript skočni prozori mrzili su je gotovo svi. Prisiljavaju vašu pažnju i preuzimaju preglednik, tako da ih morate zatvoriti prije interakcije sa stranicom.
U moderno doba možemo bolje od okvira upozorenja JavaScript. SweetAlert2 je vjerojatno najbolje rješenje.
To je Skočni skript koji pokreće JavaScript koji je dizajniran da bude potpuno odgovarajući i podrška pristupačnosti za sve korisnike.
Naravno, također je otvoren izvor i slobodno dostupni na GitHubu ako želiš upisati kod.
No, pravo blago je demo na glavnoj SweetAlert web stranici. To nudi izravnu usporedbu između izvornog JavaScript okvira upozorenja i poruke SweetAlert2.
Ono što je smiješno je da isječci koda ne djeluju kao velika razlika. Možeš pokrenite SweetAlert2 s jednim retkom koda baš kao i tipično JavaScript upozorenje, iako ta linija može biti dulja u usporedbi.
Uz SweetAlert, ti imati veću kontrolu preko popup box stila, animacije, boja gumba i stilova teksta. Možete čak i ugradite slike ili videozapise u okvir upozorenja.
Međutim, apsolutno najbolja značajka je ta SweetAlert2 ne prestići cijeli preglednik. Ako pokrenete SweetAlert2 pop-up to će prikazati se samo na toj kartici, tako da čak i ako korisnik pretražuje drugu web-lokaciju, neće ih nasilno usmjeriti na karticu samo zato što se pojavila obavijest.
To u konačnici povećava angažman korisnika jer ljudi nisu odbijeni zbog sjenovitih UX praksi.
Možeš postavite automatsko zatvaranje tajmera, potvrdite / odbacite tipke, pa čak i prilagodite animaciju korištenjem knjižnica trećih strana, kao što je Animate.css.
Ako postoji neka skripta koju trebate koristiti umjesto tipičnog JavaScript upozorenja, to mora biti SweetAlert2. Ova stvar je potpuno besplatno, otvoreni izvor, i nudi hrpu prilagođenih opcija koji će se svaki web developer grinning od uha do uha.
Pogledajte glavnu web-lokaciju da biste saznali više i vidjeti neke žive primjere. Također možete pregledavati GitHub repo ako želite vidjeti datoteke i odjaviti logove.
