Posts Tagged W3C DOM
Sistem de rating-uri cu MooTools
Posted by Cristi in javascript on 09/01/2009
Acum ca am vazut cateva detalii despre MooTools (mai exact, programarea orientata pe obiecte cu MooTools, putina programare functionala, manipularea DOM, lucrul cu evenimente si cereri AJAX), a venit timpul sa punem in practica toate aceste concepte. O sa incercam sa cream un sistem de rating-uri cu ajutorul MooTools, pornind de la un caz concret si incercand ca in final sa obtinem o clasa cat mai generica si customizabila.
Framework-uri JavaScript: Introducere in jQuery + Manipularea DOM cu jQuery
Posted by Cristi in javascript on 15/12/2008
Daca pentru MooTools am inceput cu prezentarea modului in care sunt tratate/extiunse obiectele si am vazut cum ne ajuta in programarea functionala, atunci cand vorbim de jQuery, aceasta discutie este foarte scurta. Pe scurt: jQuery nu extinde obiectele native JavaScript – niciunul dintre acestea. In schimb, jQuery ofera propriile sale obiecte pe care sa lucram. Asta inseamna ca nu avem la dispozitie nici metode avansate de programare functionala, si trebuie sa ne descurcam cu Function.call si Function.apply.
In schimb, domeniul in care jQuery isi face treaba excelent, este manipularea DOM. Cel mai important element in programarea cu jQuery il reprezinta setul incapsulat de elemente DOM (eng. wrapped set).
Framework-uri JavaScript: Evenimente in MooTools
Posted by Cristi in javascript on 12/12/2008
Din fericire, discutia despre evenimente in MooTools va fi mai scurta (mult mai scurta decat cea despre manipularea DOM), si iata de ce: MooTools incearca sa pastreze lucrurile cat mai aproape de JavaScript normal atunci cand poate: daca exista deja metode native pentru a face ceva, dar aceste metode nu sunt implementate in toate browserele, atunci MooTools creaza metode care au aceeasi denumire cu cele native (sau cel putin apropiate) iar parametri trimisi sa fie in aceeasi ordine si cu aceeasi semnificatie ca in cazul metodelor native. De exemplu, metodele adaugate obiectului Array in JavaScript 1.6 sunt implementate de MooTools in asa fel incat sa fie disponibile in toate browserele (singura care nu este implementata este Array.lastIndexOf, si singura metoda cu nume diferit este Array.each – in JS 1.6 aceasta se numeste Array.forEach).
Framework-uri JavaScript: Manipularea DOM cu MooTools
Posted by Cristi in javascript on 11/12/2008
Asa cum am promis, sa vedem cum putem manipula DOM-ul cu MooTools. Prima functie, $ (da, este vorba doar de simbolul dolar – cum spuneam data trecuta, acesta este un caracter valid, in JavaScript, pentru numele de variabile) este oarecum echivalenta cu document.getElementById. Insa, daca va hotarati sa manipulati DOM-ul cu MooTools, este absolut necesar sa folositi $ si nu document.getElementById, si iata de ce: toate browserele non-IE permit modificarea prototipului obiectului Element, insa IE nu permite asta. Asa ca, folosind $, este returnata o instanta modificata de Element – ii sunt adaugate toate metodele si toti membrii care pentru celelalte browsere ar fi fost adaugate prin modificarea prototipului. In plus, $ accepta ca parametru nu numai id-ul unui element DOM, ci chiar si o instanta de Element care a fost sau nu obtinuta de MooTools. Daca instanta respectiva a fost obtinuta tot prin MooTools, este returnata elementul fara nicio modificare, altfel ii sunt adaugate proprietatile si metodele necesare. Ca sa intelegeti ce vreau sa spun:
Manipularea DOM cu JavaScript
Posted by Cristi in javascript on 01/12/2008
Daca acum ceva vreme JavaScript nu era privit ca un limbaj de programare foarte puternic, si cei mai multi programatori JavaScript foloseau limbajul in cadrul interfetelor web doar pentru a transmite alerte utilizatorilor, pentru a schimba imaginile atunci cand mouse-ul intra peste o imagine (nu exista in CSS pseudo-clasa :hover) sau a deschide ferestre pop-up, popularitatea sa si modul de folosire a evoluat in momentul in care motoarele de redare din spatele browserelor au implementat DOM. Aplicatii web 2.0 ca Gmail, flickr, delicious au aratat lumii intregi cat de multe se poate face cu JavaScript, folosind tehnici ca DHTML si AJAX. Read the rest of this entry »
