[Tutorial JS]Crearea ferestrelor de avertizare si confirmare

#1
Nume Tutorial: Crearea ferestrelor de avertizare si confirmare
Descriere: Crearea ferestrelor de avertizare si confirmare
Download:
Autor: Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere: Folositor.
Tutorialul:

Una din principalele utilizări ale limbajului JavaScript este posibilitatea de a oferi feed-back vizitatorilor. În conceptul de interfaţă cu utilizatorul, "mai puţin" este în general "mai mult". Aţi putea de exemplu să atrageţi atenţia utilizatorului folosind sunete şi bannere animate, dar puteţi crea şi ceva mai simplu, adică o casetă de dialog de bun gust. Pentru a avertiza un utilizator se foloseşte metoda alert() astfel:

Cod: Selectaţi tot

 alert('Bau, aceasta este fereastra generata cu alert')
Textul dorit trebuie plasat între ghilimele duble sau simple.
Pentru cazul în care doriţi ca vizitatorul să ia anumite decizii există instrucţiunile condiţionale.
Instrucţiunile condiţionale sunt compuse din trei parţi:
- secţiune if (dacă), în care se efectuează testul,
- secţiunea then (atunci), unde sunt puse instrucţiunile pe care dorim să se execute în cazul în care rezultatul este pozitiv,
- şi secţiunea opţională else (în caz contrar), care conţine partea de script în cazul în care rezultatul este negativ.
Expresia este încadrată între paranteze rotunde, iar conţinutul celorlalte secţiuni este încadrat între acolade.
Pentru a confirma o opţiune putem face în felul următor:

Cod: Selectaţi tot

 <script language="JavaScript" type="text/javascript">
 <!--
 if (confirm("Esti sigur ca vrei asta?"))
 {
 alert("Ai spus da")
 }
 else
 {
 alert("Ai spus nu")
 }
 -->
 </script> 
Metoda confirm( ) preia un parametru (întrebarea adresată utilizatorului) şi returnează o valoare (adevărat sau fals) în funcţie de răspunsul utilizatorului.
Atenţie!
În limbajul JavaScript nu există operatorul then, el este atribuit automat zonei TRUE. Prezenţa acoladelor nu este obligatorie în cadrul instrucţiunilor condiţionate în cazul în care blocul de cod este format dintr-o singură instrucţiune (şi numai în acest caz).
O metodă alternativă de a scrie un bloc condiţional este:

(conditie) ? parteaAdevarat :
parteaFals

care este echivalentă cu:

if (conditie)
{
parteaAdev[rat
}
else
{
parteaFals
}

Nu este obligatoriu ca acoladele să fie prezente la începutul sau la sfârşitul liniilor, sau ca blocurile true sau false să fie indentate. Este o chestiune de stil, eu asa consider codul mai inteligibil şi mai comod de înţeles.
Se pot plasa oricâte instrucţiuni doriţi în interiorul acoladelor corespunzătoare secţiunii then şi secţiunii else.
Uneori, în loc de o întrebare cu răspuns de tipul da-nu, este necesar să primiţi un răspuns mai specific. Pentru asta există metoda prompt( ).
Acestei metode îi sunt pasate două informaţii (parametri): întrebarea pusă utilizatorului şi răspunsul implicit. Ea returnează fie răspunsul utilizatorului, fie nul.
Valoarea "null" se obţine la apăsarea butonului "Cancel" sau când nu se primeşte nici un parametru de la utilizator. Este recomandat să specificaţi întotdeauna al doilea parametru (răspunsul implicit) deoarece pe unele browsere, în cazul în care acest parametru lipseşte, se va afişa fereastra de interogare cu undefined (nedefinit) ca răspuns implicit. Soluţia la problema asta este să includeţi întotdeauna un răspuns implicit oarecare, chiar dacă este numai un şir vid de caractere.

Cod: Selectaţi tot

<script language="JavaScript" type="text/javascript">
 <!--
 raspuns = prompt("Esti sigur ca asta vrei?", " ")
 if (raspuns)
 {
 alert("Ai spus "+raspuns)
 }
 else
 {
 alert("Ai refuzat sa raspunzi")
 }
 -->
 </script> 

Înapoi la “Tutoriale JS”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 1 vizitator