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:…
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…
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…
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,…
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…
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…
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…
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…
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() 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…