Weblap Hová jutunk?

Adatbeviteli ablak, prompt().

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.


 

 

Vissza a lap elejére