Како направити ЈаваСцрипт оквир за упозорење или скочни прозор

Искачући оквири (или дијалошки оквири) су модални прозори који се користе за обавештавање или упозоравање корисника или за добијање корисничких података.

Искачући оквири спречавају корисника да приступи другим аспектима програма док се искачући прозор не затвори, тако да их не би требало превише користити.

Постоје три различите врсте искачућих метода које се користе у ЈаваСцрипт-у: виндов.алерт (), виндов.цонфирм () и виндов.промпт ().

Упозорење

Метода упозорења приказује поруке за које корисник не захтева да унесе одговор. Једном када је ова функција позвана, појавиће се дијалошки оквир упозорења са наведеном (опционалном) поруком. Корисници ће морати да потврде поруку пре него што упозорење нестане.

Пример:

window.alert("Welcome to our website");

Пример МДН упозорења

Потврди

Метод потврде је сличан window.alert(), али такође приказује дугме за отказивање у искачућем прозору. Дугмад враћају логичке вредности: тачно за ОК и нетачно за Откажи.

Пример:

var result = window.confirm('Are you sure?'); if (result === true) { window.alert('Okay, if you're sure.'); } else { window.alert('You seem uncertain.'); }
Пример потврде МДН

Промпт

Начин упита се обично користи за добијање уноса текста од корисника. Ова функција може узети два аргумента, оба обавезна: поруку за приказ кориснику и подразумевану вредност за приказ у пољу за текст.

Пример:

var age = prompt('How old are you?', '100');

Пример упита за МДН

Остале опције дизајна:

Ако нисте задовољни подразумеваним искачућим прозорима ЈаваСцрипт, можете их заменити у различитим библиотекама корисничког интерфејса. На пример, СвеетАлерт пружа лепу замену за стандардне ЈаваСцрипт моделе. Можете га укључити у свој ХТМЛ путем ЦДН-а (мрежа за испоруку садржаја) и започети употребу.

Синтакса је таква: swal(title, subtitle, messageType)

swal("Oops!", "Something went wrong on the page!", "error");

Горњи код ће произвести следеће искачуће прозоре:

Пример СвеетАлерт

СвеетАлерт никако није једина замена за стандардне моделе, али је чист и лак за примену.

Више информација:

  • МДН виндов.алерт ()
  • МДН виндов.цонфирм ()
  • МДН виндов.промпт ()