A prompt beviteli ablakot akkor használjuk, ha felhasználótól egy adatot, értéket akarunk bekérni.
Például:
Az oldalra való belépéshez, név vagy jelszó megadásánál.
Természetesen, tetszőleges adatbevitelre felhasználhatjuk.
A prompt() beviteli ablakot, megjeleníthetjük:
1. Oldal betöltődése előtt, és utána.
2. Általunk meghatározott esemény bekövetkezésekor.
3. Tetszőleges beviteli gombra történő kattintáskor.
A beviteli ablakon "OK" vagy "Cancel", azaz, a "Mégse" gomb megnyomásával juthatunk csak tovább.
Az "OK" gomb megnyomására a beviteli ablak felveszi a beírt értéket.
A "Cancel", azaz "Mégse" gomb esetében az értéke null(üres) lesz.
Felhasználó dönthet:
Elfogadja az általunk beírt adatot, alapértéket.
Felülírja az általunk megadott adatot, alapértéket.
Az "OK" gombra kattintva , ablakba beírt adat továbbítódik feldolgozásra.
A "Cancel", azaz, a "Mégse" gombra kattintva, nincs továbbítás.
A beviteli ablak mondattana:
prompt("üzenetünk-szövege","alapértelmezett érték");
Példában:
- Elhelyzünk egy button gombot, ami kattintásra egy prompt beviteli ablakot nyit meg.
- Kijelölünk egy területet, melybe a programunk eredménye fog megjelenni.
</head> <body> <p> <input type="button" onclick="bemutato()" value="prompt bemutatóhoz, kattints ide!"/> </p> <br /><span id="prompt_adat"></span>
<script type="text/javascript"> var id_prompt=document.getElementById("prompt_adat"); id_prompt.innerHTML=""; function bemutato() { var name=prompt("Kérem írja be a nevét","Fehér Egér"); if (name!=null && name!="") { uzenet="Hello "+name+"! Hogy vagy ma?"; id_prompt.innerHTML=uzenet; } } </script> </body> </html>
Fenti programunk eredménye.