Kontextové okná JavaScriptu

• Apríl 18, 2024

JavaScript bol navrhnutý tak, aby na webové stránky pridal interaktivitu, takže nie je prekvapujúce, že má niekoľko funkcií, ktoré uľahčujú zhromažďovanie informácií a ich zobrazovanie používateľovi pomocou rozbaľovacích okien. Predtým, ako sa pozrieme na tieto polia, nezabudnite, že hoci sú často najjednoduchším spôsobom zhromažďovania a zobrazovania informácií, nie sú nevyhnutne najatraktívnejšie alebo najpríjemnejšie pre používateľa. Kontextové okná okrem iného vyžadujú, aby používateľ po každej správe alebo vstupe stlačil tlačidlo, aby sa okno zatvorilo, čo môže rýchlo starnúť. Z hľadiska webového dizajnu máte naozaj veľmi malú kontrolu nad prezentáciou informácií v rozbaľovacích oknách. To znamená, že na správnom mieste a používané pri moderovaní môžu byť vyskakovacie okná jednoduché a efektívne.

Existujú tri typy vyskakovacích okien - upozornenie, potvrdenie a výzva. Najjednoduchšie a najbežnejšie používané kontextové okno je upozornenie. Upozornenie má jeden argument - správu pre používateľa. Keď sa zobrazí výstražné okno, používateľ nemôže pokračovať, kým nestlačí tlačidlo „OK“. Kód pre výstražné pole je jednoduchý:

upozornenie („Toto je upozornenie“)



Potvrdzovacie políčko je len o niečo zložitejšie. Rovnako ako upozornenie, aj potvrdenie trvá jeden argument - správa. Keď sa zobrazí potvrdzovacie pole, používateľovi sa dá vybrať odpoveď pomocou tlačidiel „OK“ alebo „Zrušiť“. Na rozdiel od upozornenia má potvrdenie návratovú hodnotu - 0 znamená, že používateľ stlačil „Zrušiť“ a 1 znamená „OK“. Kód pre potvrdzovacie pole je totožný s výstražným poľom s tou výnimkou, že chcete nejako získať spätnú hodnotu:

save_me = potvrdiť („Toto je kontextové okno s potvrdením“)



Aj keď je pop-up okná najkomplikovanejšie, výzva je stále pomerne jednoduchá. Výzva má dva argumenty - správu pre používateľa a predvolenú hodnotu (alebo "", ak nechcete mať žiadnu predvolenú hodnotu.) Keď sa objaví výzva, používateľ môže zadať požadované informácie a stlačiť "OK". K dispozícii je tiež tlačidlo „Zrušiť“. Návratová hodnota je odpoveďou používateľa. Ak užívateľ zruší návratovú hodnotu je nulový, Ak ponechajú riadok prázdny, vrátená hodnota bude prázdny reťazec („“). Pravdepodobne budete chcieť skontrolovať tieto hodnoty a radšej urobiť niečo špeciálne, ako použiť nulový alebo prázdny reťazec ako ich odpoveď. Kód pre okno s výzvou je:

response = prompt ("Toto je výzva", "Reagujte tu")



Ukázku týchto vyskakovacích okien si môžete pozrieť tu

---

Video Návody: Javascript V - vyskakovací okna - popups (Apríl 2024).