|
Cu javascript puteti adauga pe pagina mesaje de avertizare pentru utilizatori. Sa incepem cu un mesaj de informare (alert). Comanda este urmatoarea:
Pentru a executa aceasta instructiune, ea trebuie inclusa in interiorul altei comenzi, cum ar fi de exemplu onMouseover. In scriptul urmator, un tag <a href ....>...</a> afiseaza un mesaj daca utilizatorul muta mouse-ul deasupra linkului:
<A HREF="#" onMouseover="alert('Pagina este in constructie!')">
Link spre o pagina oarecare!</A>
Iata cum actioneaza comenzile din acest script:
1. onMouseover=" " Ii spune browserului sa execute comanda sau functia din interiorul ghilimelelor atunci cand mouse-ul se afla deasupra linkului.
2. alert('Aceasta pagina este in constructie!') Browserul preia textul aflat intre apostrofuri (’ ’) si il afiseaza intr-o fereastra de avertizare.
Puteti folosi javascript pentru a afisa mesaje inainte ca utilizatorii sa vada continutul propriu-zis al paginii. Trebuie doar sa plasati codul in sectiunea <HEAD> </HEAD>, folosind tag-urile SCRIPT prezentate in sectiunile anterioare:
<HEAD>
<TITLE> Tutorial JavaScript, exemplul 1 </TITLE>
<SCRIPT language="JavaScript">
<!-- cod ascuns de browserele vechi
alert('Bine ati venit pe site-ul nostru!');
</SCRIPT>
</HEAD>
Acest mesaj va fi afisat inainte ca pagina sa se incarce. Pentru a vedea in continuare continutul paginii, utilizatorul trebuie sa apese "OK". Codul functioneaza in modul urmator:
1. <SCRIPT language="JavaScript">
Acest tag ii spune browserului ca folositi comenzi JavaScript.
2. <!-- cod ascuns de browserele vechi
Comentariul HTML va asigura ca browserele vechi nu vor afisa scriptul ca pe un text obisnuit.
3. alert('Bine ati venit pe site-ul nostru!');
Puneti mesajul dvs. intre apostrofuri (’ ’). Comanda se termina cu punct si virgula (;) , prin care se separa de regula instructiunile JavaScript.
Sfarsitul comentariului HTML ignorat de browserele vechi.
Inchide scriptul JavaScript.
Puteti adauga mai multe mesaje de acest gen, separate prin punct si virgula in interiorul scriptului. Utilizatorul va trebui sa inchida fiecare din aceste mesaje pentru ca pagina sa fie incarcata.
<HEAD>
<TITLE> Tutorial JavaScript, exemplul 2 </TITLE>
<SCRIPT language="JavaScript">
<!--
alert('Bine ati venit pe site-ul nostru !');
alert('Trebuie sa va inregistrati pentru a avea acces la tutoriale!');
</SCRIPT>
</HEAD>
Puteti folosi aceste mesaje de avertizare cu un buton, astfel incat ele sa nu mai fie o surpriza. Plasati codul acolo unde vreti ca butonul sa apara pe pagina. Pentru aceasta, nu mai aveti nevoie de tag-ul SCRIPT:
<FORM>
<INPUT type="button" value="Apasati pentru a vedea mesajul"
onClick="alert('Aici puteti scrie mesajul dvs.')">
</FORM>
|