Tutorial MooTools pasul 3 Multimi

 

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'); });

Codul de mai jos va crea 3 casute de alerta, una pentru fiecare div:

Primul Div Al Doilea Div Al Treilea D...

Tutorial MooTools pasul 2 Selectori

 

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 element al DOM-ului dupa ID, asa cum puteti vedea in exemplul urmator:

//selecteaza elementul cu id-ul css "el...

Tutorial MooTools pasul 1 Introducere

 

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 esenta, pentru ca aceasta colectie de...

Centrarea siteului web in CSS

 

Astazi vom crea o pagina web foarte simpla si vom alinia continutul in centrul ecranului. Din punct de vedere HTML pagina este cat se poate de simpla. Vom afisa doar o eticheta H1 si un paragraf. Deci doar HTML:

Bun venit in site-ul meu!

Primul meu paragraf...

Pentru a afisa continutul site-ului in centrul ecranului este necesar sa-l incadram intr-un div. Acesta este identificat folosind selectorul CSS "class" dar la fel de usor putea fi folosit selectorul "id". Este o chestiune de preferinta personala alegerea tipului de selector dorit. Clasei site ii aso...

Introducere in Cascading Style Sheets

 

CSS-ul a aparut ca o solutie propusa de W3C (World Wide Web Consortium - comunitate online fondata de inventatorul web-ului) pentru rezolvarea unei probleme. In versiunea 3.2 a HTML au aparut tagurile pentru font si culoare. Acest lucru a creat mari probleme companiilor care aveau deja site-uri destul de voluminoase. Modificarea tuturor paginilor era un proces de durata si destul de costisitor. Pentru a rezolva aceasta problema, W3C a propus crearea unor fisiere externe care sa contina proprietatile atasate ...