Dialógové okná

Už v predchádzajúcej kapitole sme použili dialógové okno vyvolané metódou alert(). Tu sa nám otvorí okno s daným textom a možnosťou uzavretia pomocou tlačidla OK.

V uvedenom príklade sme použili tvrdý koniec riadku použitím \n

<HTML>

<HEAD>

alert("Rozdelíme tento text \nna viacero \nriadkov.");

</script>

</HEAD>

<HTML>

Ďalšou metódou je confirm(). V tomto prípade sa otvorí dialógové okno s možnosťami uzavretia OK ako v predchádzajúcom príklade + tlačidlo STORNO, t.j. zrušenie akcie.

V uvedenom príklade sa do premennej ano uloží výsledok - pravda, ak sa stlačí OK, nepravda, ak sa stlačí STORNO

<HTML>

<HEAD>

var ano;

ano=confirm("chceš to naozaj urobiť?");

alert("ano ="+ano);

</script>

</HEAD>

<HTML>

Nakoniec si spomenieme metódu prompt(). Táto umožňuje načítať údaje od užívateľa a vložiť do premennej. V dialógovom okne sa opäť ponúknu možnosti OK a STORNO, pričom v prípade stlačeného OK sa hodnota priradí danej premennej, v druhom prípade sa údaj stornuje.

V uvedenom príklade sme tip uložili do premennej a

<HTML>

<HEAD>

var cislo;

a=prompt("vyber si",cislo);

alert("vybral si "+a);

</script>

</HEAD>

<HTML>

Vyskúšajte sa!

1. V skripte je určená postupnosť príkazov

x=5; y=10;

alert("súčet čísel ="+x+y).

Výsledok je dialógové okno s výpisom

2. Príkaz prompt("Zadaj číslo","") spôsobí výpis

3. V skripte je daná postupnosť príkazov

u="Meno";

u=prompt("Napíš svoje meno","");

Návštevník zapíše do dialógového okna meno Janko.

3a)Aká hodnota bude v premennej u ak stlačí OK?

3b)Aká hodnota bude v premennej u ak stlačí STORNO?

4. V skripte sa nachádza príkaz v=confirm("Aká je hodnota premennej v?");

Návštevník stlačí OK . Aká je hodnota premennej v?

Úlohy:

Vyžiadajte si vloženie dvoch čísel x, y a výpisy ich súčtu, rozdielu, súčinu a podielu
Výpis zrealizujte pomocou dialógových okien aj priamo do dokumentu
Vyžiadajte si vloženie mena a priezviska návštevníka a pozdravte ho pomocou dialógového okienka

Riešenie