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
Comentarii
Greseala de tiparire:
"Sa folosim si un fisier extern (exemplu2.js)
Fisierl HTML are codul de mai jos"
Cum pot pune un cod...care atunci cand tin mouseul pe o poza..sa apara un text..care dispare cand iau mouseul?
Va rog raspundeti.
Vezi http://etutoriale.tutorialehtml.com/articles/2150/1/Elemente-de-pagina-(partea-3)/ !!!
De aici poti sa adaptezi si sa faci cea ce zici tu: sa apara un text cand treci cu mouse-ul peste poza.
Din tutorialul ala trebuie sa iei doar functia javascript si sa nu uiti sa incluzi paragraful cu id-ul corespunzator : descriere
<p id="descriere"></p>
Nu uita nici de onMouseover care sa adreseze functia Showtext
cum pot deschide dintr-un index.html, alte pagini html, apasand combinatii de taste (ex. "ctrl+p")? (fara mouse)
nu inteleg exact ce vrei sa spui. Da un exemplu detaliat.
cand intru pe site sa imi apara o pagina de vot(site care vreau eu sa fie votat).cum fac?
Buna... :D eu vreau sa stiu cum pot creea un site care sami apara pe net. Adica eu il fac html si nu stiu ce cod sa pun sami apara pe net (intelegeti ce vreau sa spun?)Sa-mi apara pe net adica ii pun un URL www.suteul meu.html si vreau sa pot intra pe browser, sa pun URL-ul de mai sus si da-mi intre pe site:D astept raspunsuri multumesc.
Of cand ma uit a commurile astea imi amintesc de mine :)) acum 3 luni cand am inceput sa invatz HTML. acu stiu si HTML si JS si PHP si putzin CSS :)) .. Auzi cum sa pui un site pe web e ff simplu .. cumperi un domain :)) preturile variaza de la domain la domain :P
Are cineva idee cam cum arata un script care sa schimbe un text sau o poza la o anumita ora... spre ex un site al unui post de radio: de la ora 8:00 la 10:00 sa afiseze "Acum asculti matinalul" iar de la 10:00 la 12:00 sa afiseze Acum asculti emisiunea de pranz...
Asta poti sa o faci cu PHP (si probabil cu o bdd mysql - daca vrei sa editezi direct din browser programul si pozele sau textul care vrei sa fie afisat).
Pentru mai multe detalii poti sa postezi aici detaliile de contact (nu le afisam) si o sa facem un tutorial pentru asa ceva.
Vreau si eu un tutorial Javascript sau Flash foarte usor de inteles va rog mult. Vreau sa invat! Cunosc deja HTML. Am si un site: www.nmariuscostel.ilive.ro
Va multumesc anticipat!
Voteaza acest articol!
Trimite un comentariu!
