JavaScript pop-upok

• Április 29, 2024

A JavaScript célja az volt, hogy interaktívabbá tegye a weboldalakat, így nem meglepő, hogy számos funkcióval rendelkezik, amelyek megkönnyítik az információk gyűjtését és megjelenítését a felhasználó számára a felbukkanó mezők segítségével. Mielőtt megnéznénk ezeket a négyzeteket, ne feledje, hogy noha ezek gyakran az információk gyűjtésének és megjelenítésének legegyszerűbb módjai, nem feltétlenül a legvonzóbb vagy felhasználóbarát. Egyebek között a felbukkanó ablakok megkövetelik a felhasználónak, hogy minden üzenet vagy bevitel után nyomjon meg egy gombot az ablak bezárásához - ez gyorsan öregszik. Ezenkívül egy webdizájn szempontjából valóban nagyon kevés ellenőrzése alatt áll az információk előugró ablakokban történő bemutatása. Ugyanakkor, a megfelelő helyen, és moderálva, a felbukkanó ablakok egyszerre és hatékonyan egyaránt lehetnek.

Háromféle előugró ablak van: riasztás, megerősítés és gyors. A legegyszerűbb és leggyakrabban használt felugró ablak figyelmeztetés. A riasztás egyetlen érvet vesz fel - egy üzenetet a felhasználónak. Amikor megjelenik egy riasztási doboz, a felhasználó nem folytathatja az "OK" gomb megnyomását. A riasztási mezők kódja egyszerű:

riasztás ("Ez egy riasztás")



A megerősítő mező csak kissé bonyolultabb. A riasztáshoz hasonlóan a megerősítésnek egy érve van - az üzenet. Amikor megjelenik egy megerősítő mező, a felhasználó választhat, hogy válaszol-e az "OK" vagy a "Mégse" gombokkal. A riasztástól eltérően a visszaigazolás visszatérési értékkel rendelkezik - 0 azt jelenti, hogy a felhasználó megnyomja a „Mégse”, 1 pedig azt, hogy „OK”. A megerősítő mező kódja megegyezik a riasztási mezővel, azzal a különbséggel, hogy a visszatérési értéket valahogy össze szeretné gyűjteni:

save_me = megerősítés ("Ez egy megerősítő pop-up")



Noha a felbukkanó ablakok közül a legbonyolultabb, a prompt még mindig meglehetősen egyszerű. A Prompt két érvelést igényel - egy üzenetet a felhasználónak és egy alapértelmezett értéket (vagy "", ha nem kíván alapértelmezett értéket.) Amikor a prompt doboz felbukkan, a felhasználó beírhatja a kért információkat és nyomja meg az "OK" gombot. Van még egy "Mégse" gomb is. A visszatérési érték a felhasználó válasza. Ha a felhasználó visszavonja a visszatérési értéket nulla. Ha elhagyják a prompt mezőt, akkor a visszatérési érték az üres string (""). Valószínűleg ellenőrizni szeretné ezeket az értékeket, és nem valami különlegeset szeretne tenni nulla vagy az üres karakterlánc válaszként. A prompt mező kódja:

response = prompt ("Ez egy prompt", "Respond here")



Itt megtekintheti ezen előugró ablakok bemutatását

---

Video Utasításokat: Build a Popup With JavaScript (Április 2024).