Pop-Ups JavaScript

• Mai 1, 2024

JavaScript a fost conceput pentru a adăuga interactivitate pe paginile web, astfel încât nu este surprinzător faptul că are mai multe funcții pentru a simplifica colectarea informațiilor și afișarea acesteia către un utilizator folosind casetele pop-up. Înainte de a privi aceste căsuțe, rețineți că, deși acestea sunt adesea cel mai simplu mod de a colecta și afișa informații, ele nu sunt neapărat cele mai atractive sau mai ușor de utilizat. Printre altele, ferestrele pop-up necesită utilizatorului să apese un buton pentru a închide fereastra după fiecare mesaj sau introducere - acest lucru poate îmbătrâni rapid. De asemenea, din punct de vedere al designului web, aveți într-adevăr foarte puțin control asupra prezentării informațiilor în casetele pop-up. Acestea fiind spuse, la locul potrivit și utilizate cu moderație, casetele pop-up pot fi atât simple cât și eficiente.

Există trei tipuri de căsuțe pop-up - alertă, confirmare și prompt. Cel mai simplu și cel mai des utilizat pop-up este alert. Alerta preia un singur argument - un mesaj către utilizator. Când apare o casetă de alertă, utilizatorul nu poate continua până când nu apasă butonul „OK”. Codul pentru o casetă de alertă este simplu:

alertă („Aceasta este o alertă”)



Caseta de confirmare este doar puțin mai complicată. Ca și alertă, confirmă ia un singur argument - mesajul. Când apare o casetă de confirmare, utilizatorul are posibilitatea de a alege să răspundă folosind butoanele „OK” sau „Anulare”. Spre deosebire de alertă, confirmare are o valoare de retur - 0 înseamnă că utilizatorul a apăsat „Anulează” și 1 înseamnă „OK”. Codul pentru o casetă de confirmare este identic cu o casetă de alertă, cu excepția faptului că doriți să colectați cumva valoarea de retur:

save_me = confirm ("Acesta este un pop-up confirm")



Deși este cel mai complicat dintre pop-up-uri, promptul este încă destul de simplu. Prompt are două argumente - un mesaj pentru utilizator și o valoare implicită (sau „dacă nu doriți nicio valoare implicită.) Când apare caseta de prompt, utilizatorul poate introduce informațiile solicitate și apăsați„ OK ”. Există, de asemenea, un buton "Anulare". Valoarea de returnare este răspunsul utilizatorului. Dacă utilizatorul anulează valoarea returnării este nul. Dacă lasă căsuța de solicitare goală, valoarea returnată va fi șirul gol (""). Probabil doriți să verificați aceste valori și să faceți ceva special în loc să folosiți nul sau șirul gol ca răspuns. Codul pentru o casetă prompt este:

response = prompt ("Acesta este un prompt", "Răspundeți aici")



Puteți vedea o demonstrație a acestor casete pop-up aici

---

Instrucțiuni Video,: Build a Popup With JavaScript (Mai 2024).