JavaScript Pop-Ups

• Travanj 23, 2024

JavaScript je dizajniran za dodavanje interaktivnosti web stranicama, pa ne čudi što ima nekoliko funkcija koje olakšavaju prikupljanje informacija i prikazivanje korisniku pomoću skočnih okvira. Prije nego što pogledamo ove okvire, imajte na umu da iako su to najčešće najjednostavniji način prikupljanja i prikazivanja informacija, oni nisu nužno najatraktivniji ili najprikladniji za korisnike. Između ostalog, skočni prozori zahtijevaju da korisnik pritisne gumb za zatvaranje prozora nakon svake poruke ili unosa - to se može brzo staro. Također, s gledišta web dizajna, stvarno imate vrlo malu kontrolu nad prezentacijom informacija u skočnim okvirima. Međutim, na pravom mjestu i koriste se umjereno, pop-up kutije mogu biti i jednostavne i učinkovite.

Postoje tri vrste skočnih prozora - upozorenje, potvrda i prompt. Najjednostavniji i najčešće korišteni skočni prozori su upozorenja. Upozorenje uzima jedan argument - poruku korisniku. Kad se pojavi okvir upozorenja, korisnik ne može nastaviti dok ne pritisne gumb "U redu". Kôd za okvir upozorenja je jednostavan:

upozorenje ("Ovo je upozorenje")



Potvrdni okvir samo je malo složeniji. Kao upozorenje, potvrda uzima jedan argument - poruku. Kad se pojavi potvrdni okvir, korisniku se daje izbor odgovora pomoću gumba "OK" ili "Cancel". Za razliku od upozorenja, potvrda ima povratnu vrijednost - 0 znači da je korisnik pritisnuo "Odustani", a 1 znači "U redu". Kôd za potvrdni okvir identičan je polju za upozorenje, osim što vraćate vrijednost na neki način:

save_me = potvrdi ("Ovo je skočni prozor za potvrdu")



Iako je najsloženiji od skočnih prozora, prompt je i dalje prilično jednostavan. Odzivnik sadrži dva argumenta - poruku korisniku i zadanu vrijednost (ili "" ako ne želite zadanu vrijednost.) Kad se pojavi promptni okvir, korisnik može unijeti tražene podatke i pritisnite "OK". Tu je i gumb "Otkaži". Povratna vrijednost je odgovor korisnika. Ako korisnik otkaže povratnu vrijednost je nula, Ako okvir upita ostane prazan, povratna vrijednost bit će prazan niz (""). Vjerojatno želite provjeriti postoje li te vrijednosti i napraviti nešto posebno, a ne koristiti nula ili prazan niz kao njihov odgovor. Kod za brzi okvir je:

response = prompt ("Ovo je brz", "Odgovori ovdje")



Demonstraciju ovih skočnih okvira možete pogledati ovdje

---

Upute Video: Build a Popup With JavaScript (Travanj 2024).