Articole Tutoriale MooTools

MooTools este o biblioteca javascript folosita pentru development web interactiv cu ajutorul JavaScript. Intr-un fel, multe din functiile MooTools pot fi vazute ca extensii CSS. De exemplu, CSS-ul permite elementul "hover", iar MooTools il extinde catre alte evenimente precum "click" sau "mouseover" si face totul extrem de usor. Mai mult, pe langa aceste ce permit modificarea proprietatilor diferitelor elemente, MooTools permite foarte multe efecte dinamice despre care vom vorbi in articole viitoare, precum si multe alte lucruri. In…

  In acest tutorial ne vom ocupa de metode de a selecta elemente html, practic baza motivelor pentru care MooTools este atat de folosit. Pana la urma, pentru a putea crea o experienta interactiva cu ajutorul elementelor html, trebuie intai sa reusesti sa le selectezi. Functia '$' este selectorul de baza in MooTools. Acesta are un scop dual, de a face un element in Internet Explorer sa preia toate metodele sale, dar mai ales cu ajutorul sau poti selecta un…

Astazi vom discuta un pic despre multimi si cum pot acestea fi folosite in concordanta cu elementele DOM-ului. Functia .each(); este cea mai buna solutie cand ai de a face cu multimile pentru ca ofera o modalitate simpla de a itera printr-o lista de elemente. Sa folosim un exemplu cu functia alert() pe care am mai folosit-o anterior, si sa emitem o alerta pentru fiecare div din codul html: $$('div').each(function() { alert('acesta este un div'); });…

In al patrulea dintre aceste tutoriale, vom lasa la o parte un pic discutia despre MooTools si vom discuta despre functii in JavaScript. Bineinteles insa, programatorii trebuie sa stie unde exact sa plaseze aceste functii la MooTools. In toate exemplele de pana acum, am plasat codul in interiorul functiei domready. Totusi, cand vine vorba de functii, acestea trebuie plasate in afara buclei domready si executate in momentul apelarii acestora din domready. Cea mai buna idee este sa tineti…

La fel ca selectorii,evenimentele reprezinta o parte importanta a crearii unei interfete cu utilizatorii interactiva. Practic, la fiecare element trebuie decis ce actiune cauzeaza ce efect. In continuare vom vorbi despre cateva din cele mai folosite evenimente: Cel mai comun evenment in dezvoltarea web este click-ul stanga al mouse-ului (single left click). Hyperlink-urile recunosc evenimentul "click" si trec utilizatorul catre un alt URL. MooTools poate recunoaste acest eveniment in cadrul altor elemente ale DOM-ului, oferind astfel multa…