Casete popup |Probleme informatica rezolvata C/C++

JavaScript are trei tipuri de casete popup:

Alert
Confirm
Prompt

Caseta Alert
O caseta de alerta se utilizeaza atunci cand doriti sa fiti siguri ca o anumita informatie ajunge in atentia utilizatorului. Cand o caseta de alerta este afisata , utilizatorul va trebui sa actioneze butonul "OK" pentru a continua.
Exemplu:

CODE

<html>
<head>
<script type="text/javascript">
function afiseaza_mesaj()
{
alert("Bine ati venit!");
}
</script>
</head>
<body>
<h3>La apasarea butonului este apelata o functie JS care afiseaza caseta alert</h3> <hr/>
<form>
<input type="button" value="Apasati!" onclick="afiseaza_mesaj()" />
</form>
</body>
</html>

Caseta Confirm
O caseta de confirmare se utilizeaza atunci cand doriti ca utilizatorul sa verifice sau sa accepte ceva.Cand caseta de afisare este afisata , utilizatorul va trebui sa actioneze butonul "OK" sau butonul "Cancel" pentru a putea continua.Daca utilizatorul actioneaza butonul "OK" ,caseta returneaza valoarea true ,daca actioneaza butonul "Cancel" ,caseta returneaza valoarea false.
Exemplu:

CODE

<html>
<head>
<script type="text/javascript">
function afiseaza_confirm()
{
var r=confirm("Apasati un buton");
if (r==true)
  {
  document.write("Ati apasat butonul OK!");
  }
else
  {
  document.write("Ati apasat butonul Cancel!");
  }
}
</script>
</head>
<body>
<h3>La apasarea butonului va fi apelata o functie care afiseaza caseta confirm si verifica ce buton ati apasat</h3> <hr/>
<input type="button" onclick="afiseaza_confirm()" value="Apasa" />
</body>
</html>

Caseta prompt
Aceasta caseta se utilizeaza atunci cand doriti ca utilizatorul sa introduca o anumita valoare inainte de accesa pagina.Cand caseta prompt este afisata, utilizatorul va trenui sa actioneze butonul "OK" sau butonul "Cancel" pentru a putea continua dupa ce introduce valoarea solicitata. Daca utilizatorul actioneaza butonul "OK" ,caseta returneaza valoarea true ,daca actioneaza butonul "Cancel" ,caseta returneaza valoarea false
Exemplu:

CODE

<html>
<head>
<script type="text/javascript">
function afiseaza_prompt()
{
var name=prompt("Va rog sa va introduceti numele","");
if (name!=null && name!="")
  {
  document.write("Buna ziua " + name + "! Ce mai faci?");
  }
}
</script>
</head>
<body>
<h3>La apasarea butonului va fi apelata o functie care afiseaza caseta prompt</h3> <hr/>
<input type="button" onclick="afiseaza_prompt()" value="Apasa" />
</body>
</html>

Observatie:
Daca vreti ca textul dintr-o caseta sa fie afisat pe mai multe linii, procedati ca in exemplu urmator:

CODE

<html>
<head>
<script type="text/javascript">
function afiseaza_alert()
{
alert("Buna! Asa se adauga" + '\n' + "o intrerupere de linie" + '\n' + "intr-o caseta de alertare!");
}
</script>
</head>
<body>
<h3>Caseta alert cu textul scris pe mai multe linii</h3> <hr/>
<input type="button" onclick="afiseaza_alert()" value="Apasa" />
</body>
</html>

Casete popup

2 comentarii:

Trimiteți un comentariu