Vyskakovací okna JavaScript

• Duben 27, 2024

JavaScript byl navržen tak, aby přidával interaktivitu na webové stránky, takže není překvapivé, že má několik funkcí, které usnadňují shromažďování informací a jejich zobrazování uživateli pomocí vyskakovacích polí. Než se podíváme na tato pole, mějte na paměti, že i když jsou často nejjednodušším způsobem shromažďování a zobrazování informací, nejsou nutně nejatraktivnější nebo uživatelsky nejpříjemnější. Vyskakovací okna mimo jiné vyžadují, aby uživatel stiskl tlačítko pro zavření okna po každé zprávě nebo zadání - to může rychle zestárnout. Také z hlediska webového designu máte opravdu velmi malou kontrolu nad prezentací informací v rozbalovacích oknech. To znamená, že vyskakovací okna na správném místě a používaná s moderováním mohou být jednoduchá a efektivní.

Existují tři typy vyskakovacích oken - upozornění, potvrzení a výzva. Nejjednodušší a nejčastěji používané vyskakovací okno je upozornění. Upozornění bere jeden argument - zprávu pro uživatele. Když se objeví výstražné okno, uživatel nemůže pokračovat, dokud nestiskne tlačítko „OK“. Kód pro výstražné pole je jednoduchý:

upozornění („Toto je upozornění“)



Potvrzovací pole je jen o něco složitější. Stejně jako upozornění, potvrzení bere jeden argument - zprávu. Když se objeví potvrzovací rámeček, uživatel dostane výběr odpovědi pomocí tlačítek „OK“ nebo „Zrušit“. Na rozdíl od upozornění má potvrzení návratovou hodnotu - 0 znamená, že uživatel stiskl „Zrušit“ a 1 znamená „OK“. Kód pro potvrzovací pole je totožný s výstražným políčkem s tou výjimkou, že chcete nějakým způsobem získat návratovou hodnotu:

save_me = Confirm („Toto je potvrzovací vyskakovací okno“)



Přestože se jedná o nejsložitější vyskakovací okna, je stále poměrně jednoduchá. Prompt bere dva argumenty - zprávu uživateli a výchozí hodnotu (nebo "" pokud nechcete žádnou výchozí hodnotu.) Když se objeví výzva, může uživatel zadat požadované informace a stisknout "OK". K dispozici je také tlačítko „Zrušit“. Návratová hodnota je odezvou uživatele. Pokud uživatel zruší návratovou hodnotu je nula. Pokud ponechají pole výzvy prázdné, bude vrácená hodnota prázdný řetězec (""). Pravděpodobně budete chtít zkontrolovat tyto hodnoty a udělat něco zvláštního, než použít nula nebo prázdný řetězec jako odpověď. Kód pro okno s výzvou je:

response = prompt ("Toto je výzva", "Odpovědět zde")



Ukázku těchto vyskakovacích polí si můžete prohlédnout zde

---

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