JavaScript tanfolyam

2. rész

Ezt a figyelmeztető ablakot kétféleképpen állíthatjuk elő. A hosszabb, de áttekinthetőbb módszer: Először létrehozunk egy függvényt, amelynek egyetlen feladata, az adott ablak elkészítése, azután elkészítünk egy űrlapot, amiben legyártunk egy nyomógombot, és ebbe belehelyezünk egy utasítást, ami kattintás esetén meghívja a függvényt.

<script LANGUAGE="JavaScript">

function felugrik() {alert("Lenyomtad ezt a gombot!!")}

</script>

<form> <input type="button" value="Nyomd meg ezt a gombot!" onclick="felugrik()"> </form>

A rövidebb módszer az előző zanzásítása:

<form>
<input type="button" value="Nyomd meg ezt a gombot!"  
onclick="alert('Lenyomtad ezt a gombot!')">
</form>

Figyeljük meg, hogy az idézőjelbe ágyazott idézőjelet hogyan kell megoldani!
Az előző leckében szerzett ismereteinkkel kombinálva újabb tréfákat eszelhetük ki:

Ne közelítsd meg ezt a linket!

A figyelmeztető ablaknál hasznosabb lehet, ha döntést hozhatunk a felpattanó ablak segítségével:

A forrást megnézve láthatjuk, hogy a confirm() függvény kimenete igen illetve nem lesz. Ha az if után a zárójelben igen van, akkor a {} kapcsos zárójelben levő parancsok végrehajtódnak. :

<script>
function biztospiros()
{if(confirm("Biztos, hogy piros hátteret akarsz?"))
	{document.bgColor="ff0000"}
}
</script>

<center> <form> <input type="button" value="Piros hátteret akarok!" onclick="biztospiros()"> </form> </center>

Az else kifejezés segítségével azt is megmondhatjuk, mi legyen akkor, ha nem az OK gombot nyomjuk. Az if-eket egymásba is ágyazhatjuk. Ezt illusztrálja következő példa, amelyben nemcsak a piros hátteret állíthatjuk be, hanem ha nem akarunk pirosat, akkor zöldet is választhatunk.

<script>
function biztospiroszold()
{if(confirm("Biztos, hogy piros hátteret akarsz?"))
	{document.bgColor="ff0000"}
else
	{if(confirm("Zöldet akarsz?"))
		{document.bgColor="00ff00"}
	}
}
</script>

<center> <form> <input type="button" value="Piros hátteret akarok!" onclick="biztospiroszold()"> </form> </center>

Innen folytatjuk...