Dialogová okna umožňují upozorňovat, dát na výběr a předávat hodnoty od návštěvníka. Dialogová okna, jak už název napovídá slouží ke komunikaci mezi uživatelem a skriptem.
window.alert()
Okno upozorňuje, varuje, dává informace.
Syntaxe: window.alert("text")
<input type="button" value="Klikni!" onClick="window.alert('Klikl jste na tlačítko.')">
Po stisku tlačítka se objeví zpráva "Klikl jste na tlačítko.".
Úkol: Do souboru javascript.htm vložte mimo značky <script> a </script> žlutě označený text. Uložte. Zobrazte v prohlížeči.
window.confirm()
Okno nabízí možnost, kterou je možno potvrdit nebo zrušit. Podle rozhodnutí uživatele skript provádí další akce.
Syntaxe: window.confirm("dotaz").
<input type="button" value="Dotaz" onClick="window.confirm('Přejete si pokračovat?')">
Po stisku tlačítka Dotaz se objeví okno se zprávou Přejete si pokračovat?, která vám umožní výběr ze dvou možností.
Úkol: Do souboru javascript.htm vložte mimo značky <script> a </script> žlutě označený text. Uložte. Zobrazte v prohlížeči.
window.prompt
Pomocí tohoto okna uživatel předává hodnoty skriptu.
Syntaxe: window.prompt("text","implicitní text").
<input type="button" value="Zapište vaše jméno" onClick="window.prompt('Jméno:','Nemám')">
Metoda window.prompt() zobrazí okno, které bude žádat vaše jméno.
Úkol: Do souboru javascript.htm vložte mimo značky <script> a </script> žlutě označený text. Uložte. Zobrazte v prohlížeči.
<script>
function vase_jmeno(){
jmeno = window.prompt('Jak se jmenujete','jméno');
if (jmeno) window.alert("Jmenujete se "+jmeno);
else window.alert("Nezapsal jste nic");
}
</script>
<input type="button" onClick="vase_jmeno();" value="jméno" />