Curs jQuery
Curs WebDesign > jQuery
jQuery – Elemente de baza 1
jQuery este o librarie de functii JavaScript creata de John Resig.jQuery e centrat pe lucrul si manipularea elementelor HTML si CSS in pagina web. Are de asemenea utilitati Ajax pentru transmitere de date la server,...
Curs WebDesign > jQuery
jQuery – stiluri CSS 2
Dupa ce au fost selectate elementele HTML cu jQuery, se pot manipula proprietatile lor CSS pentru a crea diferite efecte. Citire proprietati CSS Proprietatile CSS ale unui element HTML se pot citi /prelua cu urmatoarea...
Curs WebDesign > jQuery
Efecte jQuery simple de ascundere si afisare 3
In acest tutorial sunt prezentate cateva efecte simple ce pot fi create cu jQuery. Ascundere Elemente Pentru a ascunde un element in pagina, se poate folosi metoda hide().Sintaxa $(‘selector’).hide(‘durata’); – „durata” – (optional) determina viteza...
Curs WebDesign > jQuery
Adauga, Sterge elemente HTML cu jQuery 4
Cu jQuery se pot usor adauga si sterge elemente HTML in pagina Web, precum si modificarea continutului lor. Adaugare Elemente noi Sunt doua modalitati de a adauga noi elemente HTML cu jQuery, se poate crea...
Curs WebDesign > jQuery
Obtine Atributul (ID, Class, Name, Title, Src) cu jQuery 5
Acest tutorial arata cum se obtine valoarea atributului unui element cu jQuery, orice atribut adaugat in acel tag HTML (id, class, name, title, src, etc.).– Pentru a obtine valoarea unui atribut cu jQuery, se foloseste...
Curs WebDesign > jQuery
Adauga, Sterge, Modifica Atribute cu jQuery 6
In acest tutorial puteti invata cum se Adauga, Modifica si Sterge Atribute (precum id, class, href, disabled, etc.) la elemente HTML folosind jQuery.Toate aceste actiuni pot fi efectuate cu metodele jQuery attr() si removeAttr(). Adaugare...
Curs WebDesign > jQuery
jQuery fadeIn si fadeOut 7
Un alt mod de a afisa si ascunde elemente in pagina este cu fadeIn si fadeOut, care mereu creaza un efect animat. fadeIn() si fadeOut() Aceste doua metode jQuery au urmatoarele sintaxe: $('selector').fadeIn('durata'); $('selector').fadeOut('durata'); –...
Curs WebDesign > jQuery
jQuery slideDown si SlideUp 8
Exista mai multe moduri a a afisa si ascunde un element in pagina web cu jQuery, una dintre aceste metode este printr-o miscare animata de alunecare (glisare). slideDown() si SlideUp() Metoda slideDown() afiseaza elementele selectate...
Curs WebDesign > jQuery
jQuery – Animare proprietati CSS 9
Cu jQuery se pot crea efecte de animatie la elementele din pagina prin modificarea proprietatilor CSS, folosind o metoda jQuery denumita animate. Metoda animate Metoda animate() permite crearea unui efect de animatie la oricare proprietate...
Curs WebDesign > jQuery
jQuery background position 10
Acest tutorial arata cum se poate schimba, anima si obtine pozitia unei imagini de fundal (background) din elementele HTML, cu jQuery.Daca doriti pur si simplu sa setati sau sa modificati pozitia imaginii de fundal, folositi...
Curs WebDesign > jQuery
jQuery – legare mai multe efecte 11
Inlantuire Actiuni Cu jQuery se pot adauga si executa mai multe comenzi la un element, una dupa alta. Acest lucru e numit „inlantuire„.Pentru a lega un efect (sau actiune), pur si simplu adaugati-l dupa ultimul,...
Curs WebDesign > jQuery
jQuery Ajax – metoda load() 12
AJAX e acronimul de la Asynchronous JavaScript And XML, e o tehnica pentru creare dinamica si rapida a paginilor web, sau parti din continutul lor.Ajax permite trimiterea de date la server si prelucrarea raspunsului returnat...
Curs WebDesign > jQuery
jQuery metoda ajax() 13
Metoda ajax() se foloseste pentru a efectua o cerere AJAX (asynchronous HTTP) la server.Toate functiile Ajax jQuery: load(), get(), post(); folosesc metoda ajax(). Aceasta contine mai multe optiuni de configurare si prelucrare a datelor, iar...
Curs WebDesign > jQuery
jQuery get() si post() 14
jQuery get() si post() sunt aplicatii ale metodei ajax(). Functiile get() si post() $.get() si $.post() sunt functii mai simple pentru jQuery Ajax, ale metodei principale $.ajax() ; si sunt in general folosite pentru operatii...
Curs WebDesign > jQuery
jQuery – prelucrare date XML 15
XML (Extensible Markup Language) e un format special de trimitere si stocare date in fisiere cu extensia .xml, cu o sintaxa bazata pe tag-uri. Documentele XML sunt de obicei folosite in aplicatii web de accesare...
Curs WebDesign > jQuery
Validare si trimitere formular 16
Validare Formular Inainte de a trimite datele dintr-un formular la un script de pe server, este indicata efectuarea unor minime verificari a campurilor din formular, pe partea de client, precum numarul de caractere din casetele...
Curs WebDesign > jQuery
jQuery UI draggable – Muta /Trage elemente 17
Pentru a crea usor efectul de tragere cu mouse-ul a elementelor din pagina cu jQuery, se foloseste jQuery UI, o librarie de functii aditionale la libraria de baza jQuery.jQuery UI e ca un plugin cu...
Curs WebDesign > jQuery
Drag si Drop cu jQuery UI 18
Drag si Drop este un efect prin care elementele pot fi mutate /trase cu mouse-ul si lasate intr-un loc special in pagina web.Pentru a crea efecte drag & drop cu jQuery, trebuie sa folositi si...
Curs WebDesign > jQuery
Schimba fisierul CSS cu jQuery 19
Acest tutorial arata cum puteti schimba fisierul CSS inclus in pagina dv. web, folosind jQuery.De exemplu, daca avem 2 fisiere CSS, „style.css” si „style2.css”, putem defini un cod jQuery ca sa alterneze fisierul CSS inclus...
Curs WebDesign > jQuery
Inregistrare evenimente la elemente incluse cu jQuery ajax 20
Pentru a inregistra cu jQuery un eveniment JavaScript la elemente HTML, se foloseste aceasta sintaxa: $(‘element’).nume_eveniment(function() { // cod ce va fi executat cand „nume_eveniment” e declansat }) De exemplu, urmatorul cod afiseaza o...
Curs WebDesign > jQuery
jQuery parent, children si nth-child() 21
Acest tutorial arata cum se lucreaza cu legaturile parinte (parent) si copii (children) in jQuery.– parent se refera la elementul parinte in care este inclus direct alt element, denumit copil (child).De exemplu, in acest cod...