Alert, Prompt si Confirm sunt ferestre predefinite de dialog, acestea apartin direct obiectului JavaScript "window".


Fereastra Alert

Probabil ati intalnit pana acum, de mai multe ori exemple cu "Alert".
Fiind un element simplu si deja cunoscut, voi face o scurta prezentare a sintaxei acestuia.
Sintaxa:

window.alert('mesaj')
- Unde "mesaj" este textul care va apare in fereastra Alert.

Se poate folosi si direct: alert('mesaj');, fara 'window'.


Urmatorul exemplu deschide o fereastra cu mesajul: "Bine ai venit".
Continut HTML

<script>
alert('Bine ai venit');
</script>
In browser va apare o fereastra ca in imaginea urmatoare: Fereastra Alert

Fereastra Prompt

Fereastra Prompt se creaza cu sintaxa:

window.prompt('mesaj', 'default')
- Unde "mesaj" este un text care va apare in fereastra, deasupra unei casute de text input; iar "default" este textul care va apare in casuta input.

Urmatorul exemplu deschide o fereastra "Prompt".
Continut HTML

<script>
window.prompt('Scrieti numele', 'Nume');
</script>
In browser va apare o fereastra ca in imaginea urmatoare Fereastra Prompt

Textul pe care utilizatorul il adauga in campul din fereastra prompt poate fi preluat intr-o variabila si folosit apoi in script.
Iata un exemplu in care atribuim deschiderea ferestrei Prompt unei variabile (aici "nume"), care va prelua sirul adaugat in caseta de text, apoi valoarea acestei variabile o introducem in mesajul unei ferestre Alert:
Continut HTML

<script>
var nume = window.prompt('Scrieti numele', 'Nume');
alert('Salut '+ nume +'\n Bine ai venit.');
</script>
Dupa ce utilizatorul scrie numele in fereastra Prompt si apasa OK se va deschide o fereastra Alert care contine in mesaj numele adaugat de utilizator.
- Am folosit "\n" pentru a adauga o linie noua, dupa "nume", in textul care apare in fereastra Alert.

Fereastra Confirm

Fereastra de confirmare se creaza cu sintaxa:

window.confirm('intrebare')
In fereastra de confirmare va apare textul "intrebare" si doua butoane "OK" si "Cancel".
Aceasta fereastra este folosita pentru a fi executata o comanda cand este apasat butonul "OK" (returneaza TRUE) si alta comanda cand este apasat butonul "Cancel" (returneaza FALSE)

- Urmatorul exemplu deschide o fereastra "Confirm" in care apare intrebarea "Rezultatul lui 0+0 este 0?". Daca este apasat butonul "OK" apare o fereastra Alert cu mesajul "Corect", iar daca este apasat butonul "Cancel" apare o fereastra Alert cu mesajul "Incorect".
Continut HTML

<script>
var intrebare = window.confirm('Rezultatul lui 0+0 este 0?');
if(intrebare) alert('Corect');
else alert('Incorect');
</script>
In browser va apare o fereastra ca in imaginea urmatoare Fereastra Confirm

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag este element de tip bloc?
<div> <img> <span>
<div>Web Programming and Development</div>
Care cod CSS afiseaza textul subliniat?
font-style: italic; text-decoration: underline; font-weight: 500;
h2 {
  text-decoration: underline;
}
Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.
insertBefore() setTimeout() querySelector()
function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);
Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.
count($array) count($array, 1) strlen()
$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food;       // 6
Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".
has't played haven't been playing will haven't played
The child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.
Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".
habrá contado va a contar contaba
Él no habrá contado el cuento.
- El nu ar fi spus povestea.
Ferestre Alert Prompt si Confirm

Last accessed pages

  1. HTML5 - Elemente si atribute noi in formular (1671)
  2. Conditional IF in Limba Engleza - Fraze Conditionale (36538)
  3. Viitorul - Verbul la viitor (1664)
  4. Cursuri limba engleza gratuite si lectii online (25035)
  5. Gramatica limbii engleze - Prezentare Generala (97277)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (3359)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1174)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (949)
  4. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (804)
  5. Exercitii engleza - English Tests and exercises - Grammar (752)