Tutorial complet JavaScript (prima parte)
Comentarii in fisierele.
Pentru a face comentarii care sa nu fie afisate de browser, cu scopul de a explica codul pentru altii sau pentru a lasa marcaje care sa-ti aduca aminte anumite lucruri despre script, ai la dispozitie doua modalitati:
- pentru comentarii pe o singura linie se foloseste marcajul //:
| // comentariu pe o singura linie (daca treceti pe linia urmatoare va fi interpretat de browser si va afisa o eroare) |
- pentru comentarii pe mai multe linii:
/* comentariu 1 */ |
Din pacate, inca sunt folosite browsere care nu suporta JavaScript. Pentru a-i avertiza si pe acestia ca browserul lor nu suporta JavaScript folosit tag-ul <noscript>. Acesta nu este luat in seama daca browserul nostru suporta javascript dar in situatia in care nu suporta sau nu-l are activat putem sa afisam un mesaj de avertizare:
<noscript> Browserul dumneavoastra nu suporta javascript. Pentru a beneficia de toate facilitatile acestui site schimbati browserul sau activati Javascript </noscript> |
Alerte javascript.
Una dintre cele mai importante facilitati a acestui limbaj este aceea ca ofera posibilitatea sa interactionezi cu utilizatorii.
Pentru a crea o alerta care sa afiseze un mesaj la care utilizatori trebuie sa raspunda, codul din fisierul JS este urmatorul (codul din fisierul html il pastram):
| alert("Mesaj de intampinare - Bine ati venit!"); // pagina se va incarca atunci cand se face click pe OK |
In continuare vom invata cate ceva despre conditionale. Ele ofera posibilitatea de a face sa se intample anumite lucruri in functie de anumite circumstante, de exemplu daca sunt sau nu cookie-urile activate.
O conditionala putem sa o facem cu o structura de forma if then else. Vom face un script care sa afiseze un mesaj sau o alerta daca cookie-urile sunt activate si altul daca nu sunt activate:
if (/* intre aceste paranteze vom introduce conditia. Aceasta trebuie sa intoarca valoarea true sau false.*/) { } else { } |
Acestea fiind stiute vom face un script care sa afiseze o aleta daca sunt activate si alta daca sunt dezactivate.Iata codul din fisierul JS:
if (navigator.cookieEnabled) { alert ("cookies activate!!!"); } else { alert ("cookies dezactivate"); } |
Acum voi scrie un script care sa ofere utilizatorilor posibilitatea sa confirme sau nu, iar in functie de raspuns sa avem actiuni diferite. Pentru asta, vom folosi tot un if si vom schimba doar conditia:
if (confirm("Esti sigur ca aceasta e pagina pe care trebuie sa te afli?")) { alert("ai zis ca esti sigur"); } else { alert("nu esti sigur"); } |
Daca dorim ca user-ul sa introduca raspunsul de la tastatura trebuie sa folosim variabile. O variabila se defineste o data si poate fi folosita de mai multe ori. Scriptul urmator preia raspunsul introdus de utilizator si poate sa-l foloseasca pentru a-i da acestuia un raspuns (de exemplu). Pentru ca vizitatorii sa introduca valori se foloseste keyword-ul prompt(), care este din aceeasi categorie cu alert() si confirm(), toate solicitand actiune din partea utilizatorului.
var raspuns = prompt("esti sigur ca aici pe aceasta pagina vrei sa ajungi",""); /* Intre primele ghilimele se introduce intrebarea iar intre celelalte se introduce un raspuns random. Am lasat liber pentru a nu avea un raspuns predefinit. */ if (raspuns) { // daca exista vreun raspuns alert("ai zis: " + raspuns); //concateneaza cele doua siruri } else { alert("nu esti sigur"); } |
Confirm face parte din aceeasi categorie cu alert si prompt, adica ferestre popup. Spre deosebire de alert, confirm intoarce valoarea true sau false, putand fi astfel folosit in structuri if, ca in exemplul de mai jos:
if (confirm("esti de acord?")) { alert("Esti de acord") } alert ("Nu esti de acord") }; |
Articole asemanatoare
» Upload de fisiere cu PHP
» Validare de Formulare cu Javascript
» Dezactivare Dreapta Click
