Curs JavaScript
Introducere 1
JavaScript a fost dezvoltat prima data de catre firma Netscape, cu numele de Live Script, un limbaj de script care extindea capacitatile HTML, ofera o alternativa partiala la utilizarea unui numar mare de scripturi CGI pentru prelucrarea informatiilor din formulare si care adauga dinamism in paginile web.Dupa lansarea limbajului Java, Netscape a inceput sa lucreze...
Functii – 1 2
Functiile ajuta la divizarea mai multor sarcini pe care trebuie sa le faca un program.O functie poate contine mai multe instructiuni si comenzi care ulterior pot fi utilizate usor si de mai multe ori prin apelarea functiei care le contine.Daca un program necesita multe linii de cod, folosind functiile putem imparti codul in parti mai...
Obiectele Java Script – 1 3
Pentru inceput trebuie sa stiti ce sunt obiectele in programare si care sunt conceptele fundamentale ale programarii orientate spre obiecte (OOP).JavaScript nu este un program orientat pe obiecte (OO), cum sunt C++ sau Java, dar este bazat pe obiecte.In lumea din jurul nostru obiectele sunt de exemplu: o carte, o masina, un televizor; in JavaScript...
Ierarhia Java Script 4
JavaScript organizeaza toate elementele unei pagini web intr-o ierarhie. Toate elementele sunt vazute ca obiecte si fiecare obiect are anumite proprietati si metode sau alte obiecte.Cu JavaScript putem manipula usor obiectele. Pentru aceasta este importanta intelegerea ierarhiei obiectelor HTML. 1. Obiectul document Acesta este unul din obiectele cele mai importante in JavaScript, este folosit foarte...
DOM – Modelul Obiectului Document 5
DOM (Document Object Model) defineste o structura logica si standardizata a documentelor, o ordine prin care putem parcurge si edita elemente si continut din documente HTML sau XML.Structura DOM este o ierarhie de obiecte, compatibila cu a limbajului JavaScript sau cu a oricarui limbaj bazat pe obiecte.In schema urmatoare puteti vedea modelul si ierarhia obiectelor:...
Obiecte Navigator, History si Location 6
In aceasa lectie sunt prezentate obiectele JavaScript de nivel 1: obiectul „navigator (browser)”, obiectul „History” si obiectul „Location” 1. Obiectul Navigator Obiectul Navigator reprezinta programul, aplicatia browser folosita pentru vizualizarea rezultatelor.Cu acest obiect putem gasi informatii despre denumirea si versiunea browser-ului, precum si alte informatii care pot fi folosite in practica.Obiectul Navigator are la randul...
Evenimente JavaScript 7
Evenimentele sunt elemente foarte importante in programarea JavaScript. Acestea sunt actiuni provocate de cele mai multe ori de vizitatorul paginii.Daca vizitatorul apasa un buton din pagina se provoaca evenimentul „Click”. Daca mouse-ul este deasupra unui link, se declanseaza un eveniment „MouseOver”.JavaScript poate reactiona la unele evenimente. Aceasta se poate realiza cu ajutorul „event-handlers” (manageri de...
JavaScript – Inregistrare Detectare Evenimente 8
Evenimentele sunt actiuni efectuate de utilizator in pagina web.De exemplu, click-ul sau pozitionarea cursorului pe un element, scrierea intr-o caseta text input, sau derularea paginii, sunt evenimente efectuate de utilizator.Pentru a putea executa un anumit cod JS cand un eveniment e declansat, JavaScript contine asa numitele „event handlers” (manipulatoare de evenimente), precum: onclick, onmouseover, onkeypress,...
Obiectul image – 1 9
Folosind JavaScript puteti crea o multime de efecte imaginilor de pe site.In aceasta lectie si in urmatoarea veti invata sa lucrati cu obiectul image, sa creati efecte cu ajutorul imaginilor, folosid JavaScript. 1. Imaginile in pagina web In JavaScript toate imaginile sunt reprezentate intr-o matrice numita images. Aceasta este o proprietate (si subobiect) a obiectului...
Obiectul Form – 1 10
Formularele sunt elemente HTML care dau viata unor pagini statice deoarece asigura o interfata prin care vizitatorii pot interactiona, cu ajutorul controalelor (elemente ale formularului).Obiectul Form este mijlocul prin care se poate interactiona cu acest element HTML in scripturile JavaScript. 1. Metode si proprietati ale obiectului form Dupa cum ati invatat in lectiile precedente, obiectele...
Obiectul window – 1 11
Ferestrele sunt cele mai importante elemente de interfata in browser, iar JavaScript ofera multe modalitati de a le manipula.In acesta lectie veti invata despre obiectul window, proprietatile si metodele acestuia, cum sa creati noi ferestre (pop-up) si sa le inchideti. 1. Proprietatile si metodele obiectului window Un browser (indiferent de nume sau producator) este prezentat...
Lucrul cu getElementById 12
ID-ul este un atribut care poate fi adaugat in etichetele (sau tag-urile) HTML. Prin valoarea data acestui atribut se atribuie un nume unic etichetei respective. Acest „id” poate fi folosit in stilurile CSS pentru a defini aspectul grafic si aranjarea in pagina a tag-ului respectiv, dar poate fi folosit si in scripturi JavaScript pentru a...
Lucrul cu getElementsByTagName 13
getElementsByTagName() este o functie, sau metoda JavaScript care obtine si face referire la toate elementele HTML a caror eticheta este spoecificata ca parametru intre paranteze. De exemplu: document.getElementsByTagName(‘div’)– face referire la toate tag-urile DIV din documentul HTML.Aceasta functie stocheaza elementele pe care le-a obtinut intr-un obiect de tip...
createElement si insertBefore 14
createElement() si insertBefore() sunt doua functii (metode) JavaScript care sunt folosite pentru a adauga elemente noi in pagina, care sunt create dinamic cu JavaScript. De obicei aceste functii sunt folosite impreuna. 1. createElement(„tag”) Creaza obiectul elementului specificat la parametrul „tag”.Sintaxa generala este urmatoarea: – Unde „tag” este denumirea (selectorul) elementului HTML care se doreste sa...
Creare scripturi avansate – Javascript si PHP 15
Codul PHP este executat pe server iar datele de iesire sunt transmise la navigatorul web.Codul scriptului JavaScript este executat de browser pe calculatorul utilizatorului.Combinand aceste doua limbaje de programare web, se pot obtine scripturi JavaScript dinamice, cu rezultate in functie de datele primite si procesate de server. Astfel, aceeasi pagina de site poate contine un...