JavaScript ima vgrajenih nekaj preprostih pogovornih oken, ki jih lahko uporabimo v svojih programih:
Opozorilno pogovorno okno
Opozorilno pogovorno okno je okno, v katerem lahko prikažemo poljubno sporočilo. To okno ima en sam gumb, s katerim okno zapremo. Okno odpremo z ukazom window.alert
, ki mu damo za parameter sporočilo, ki ga želimo prikazati. Predpono window
lahko tudi izpustimo:
alert("sporočilo");

Opozorilno pogovorno okno, ki ga prikaže brskalnik
Za prelome vrstic znotraj pogovornih oken v JavaScriptu uporabimo \n
.
Primer uporabe opozorilnega pogovornega okna:
<script>
function opozorilnoOkno() {
alert("Opozorilno pogovorno okno!");
}
</script>
<input type="button" value="Klikni me, da prikažem opozorilno okno!" onclick="opozorilnoOkno()" />
Potrditveno pogovorno okno
Potrditveno pogovorno okno je podobno opozorilnemu, le da ima dva gumba: enega za potrditev in drugega za preklic. Okno prikažemo z ukazom window.confirm
, ki za parameter dobi sporočilo ali vprašanje, ki ga želimo prikazati. Če je uporabnik pritisnil gumb za potrditev, ukaz ob zapiranju pogovornega okna vrne vrednost true
, sicer pa false
. Predpono window
lahko tudi izpustimo:
confirm("sporočilo, vprašanje");

Potrditveno pogovorno okno, ki ga prikaže brskalnik
Primer uporabe potrditvenega pogovornega okna:
<input type="button" value="Klikni me, da prikažem potrditveno okno!" onclick="potrditvenoOkno()" />
<p id="primer"></p>
<script>
function potrditvenoOkno() {
var s = confirm("Ali si prepričan?");
var x;
if (s == true) {
x = "Pritisnil si OK!";
}
else {
x = "Pritisnil si Cansel!";
}
document.getElementById("primer").innerHTML = x;
}
</script>
Vnosno pogovorno okno
Vnosno pogovorno okno ima polje za vnos podatka in dva gumba: enega za potrditev, drugega za preklic. Okno prikažemo z ukazom window.prompt
, ki dobi dva parametra: sporočilo ali vprašanje, ki ga izpiše nad poljem za vnos in vrednost, ki jo izpiše v polju za vnos (privzet odgovor). Če uporabnik zapre okno s potrditvenim gumbom, ukaz vrne niz, vpisan v polje za vnos (ta je lahko tudi prazen), sicer pa ukaz vrne null
. Predpono window
lahko tudi izpustimo:
prompt("sporočilo, privzeto besedilo");

Vnosno pogovorno okno, ki ga prikaže brskalnik
Primer uporabe vnosnega pogovornega okna:
<input type="button" value="Klikni me, da prikažem vnosno okno!" onclick="vnosnoOkno()" />
<p id="primer"></p>
<script>
function vnosnoOkno() {
var oseba = prompt("Prosim vnesi svoje ime", "Priimek Ime");
if(oseba != null) {
document.getElementById("primer").innerHTML = "Pozdravljen " + oseba + "!";
}
</script>