Dialogová okna
Dialogová okna slouží po většinu případů pro komunikaci mezi uživatelem a webovou prezentací. Můžeme je rozdělit do těchto dvou částí:
1)Systémová dialogová okna
Tato okna většinou zobrazují chybové hlášení a hlášení o bezpečnosti a jejich chod v JavaScriptu nemůžeme ovlivnit, zobrazují se samy.
2)Uživatelská dialogová okna
Slouží pro informování návštěvníka, pro získávání různých informací, pro oznamování určitých událostí. Patří sem: Výstražné informativní okno,
potvrzovací okno OK/Storno a Vstupní okno..
Výstražné informativní okno
Tento typ dialogového okna dovede v určitou vámi připravenou dobu "Vyhodit hlášku", kterou jste si předdefinovali.
Příklad:
<script language="JavaScript" type="text/javascript">
<!--
window.alert("Výtejte!\n\n Na stránkách o \n JavaScriptu ");
//-->
</script>
Tak si to zkuste klikněte ZDE. Takže přibyl nám nový příkaz window.alert("text");, který dovede vytvořit ono okno,
které vám zahlásí to co do něj napíšete.
Potvrzovací okno
Toto okno dovede zahlásit text, který tam napíšete a pak vám dá možnosti OK nebo Storno, pokud dáte Storno tak se celý proces zruší a pokud dáte OK provede se to co
si nadefinujete při stisku OK.
Příklad:
<script language="JavaScript" type="text/javascript">
<!--
text=window.confirm("Přejete si zobrazit\ntext?");
if (text)
{
document.write("Ahoj tak vás výtam <br>");
document.write("Na stránkách o tvorbě<br>");
document.write("WEBOVÝCH STRÁNEK<br>");
}
//-->
</script>
Takže na začátek jsem si připravil příklad>>>. Takže pomocí příkazu window.confirm("text"); se nám vytvoří ve
scriptu ono rozhodovací okno a pokud kliknete na Storno tak se script ukončí a pokud kliknete na OK tak se provede ona část, která je zde definována jako text. Takže
použijeme if a vypíšeme co chceme aby script provedl.
Vstupní okno
Často se nám v praxi bude stávat že by jsme se potřebovali návštěvníka na něco zeptat a právě k tomu slouží ono Vstupní okno, které se při jeho vyvolání zeptá
uživatele na otázku, kterou zadáte a on má napsat svou odpověď. A poté se už jen informace ze Vstupního okna zpracuje a vyhodnotí.
Příklad:
<script language="JavaScript" type="text/javascript">
<!--
vek=window.prompt("Zadejte prosím svůj věk:","");
document.write("Váš věk je:<b>"+ vek +" rok(ů)</b><br>");
if (vek>=18)
{
document.write("vaše věková kategorie je dospělí");
}
else
{
document.write("vaše věková kategorie je dítě");
}
//-->
</script>
Takže jako vždy jsem si pro vás připravil hotový příklad>>>. Tento příklad od vás bude chtít zadat vaše jméno, pomocí příkazu vek=window.prompt("Zadejte prosím svůj věk:","");
poté se vypíše ve scriptu pomocí document.write váš věk a pomocí rozhodovacích konstrukcí vytvoříme rozhodnutí mezi kategoriemi, ale to bylo v předešlých kapitolách.
|