Javascript

Demonstratie

Una din multele facilitati ale Firefox este posibilitatea configurarii mai multor motoare de cautare ce pot fi accesate direct din interfata browserului:

Putini stiu insa ca in principiu orice site poate oferi vizitatorilor posibilitatea adaugarii site-ului in cauza in lista motoarelor de cautare din Firefox. Voi ilustra pe un exemplu simplu.

Una din provocarile intalnite in crearea unei aplicatii este necesitatea ca aceasta sa functioneze pentru un numar cat mai mare de utilizatori. Printre aspectele care trebuie acoperite in acest sens se numara si degradarea gratioasa a respectivei aplicatii. Pe scurt functionalitatile principale trebuie sa fie prezente indiferent de tehnologiile la care are acces utilizatorul.

Asigurarea functionarii unei aplicatii ce foloseste AJAX si in cazul in care din diferite motive Javascript nu mai functioneaza (fie datorita dezactivarii sale fie din cauza aparitiei unei erori) nu este dificila, si una din cele mai simple metode este de a proiecta initial aplicatia fara a se face uz de AJAX (dar cu planuirea atenta asa incat implementarea solutiei alternative sa se faca cat mai simplu apoi). In momentul in care totul functioneaza cum ar trebui se poate trece la schimbarea comportamentului aplicatiei pentru cazul optim.

Ca exemplu, voi prezenta o mica aplicatie pentru filtrarea unor articole prezente intr-o baza de date.

În urmă cu câteva zile, am primit un task destul de înteresant de la un client: aşa numitul „edit in place” (EIP). Cum la tot site-ul am folosit jQuery (deoarece mi se pare mai simplu decât prototype, iar alături de interface-ul făcut de eyecon este chiar mai tare), am vrut să folosesc un EIP făcut tot cu jquery, mai ales că toate plugin-urile găsite nu m-au satisfăcut pe deplin.

Trebuie să precizez că nu sunt un „guru” al javascriptului, din contră, încă fac primii paşi. Nu spun că aceasta este cea mai bună soluţie pentru EIP, doar că această soluţie s-a potrivit cel mai bine nevoilor mele.

Stiu ca formularul face treaba asta default. Ce te faci insa atunci cand ai un buton de submit 'fancy', facut cu poze, cu hover pe un link? acolo practic ai un link care face submit la formular cu ajutorul javascriptului.

Ca sa fie totusi un formular 'uzabil' trebuie sa ii putem oferi userului posibilitatea de a face submit cu ajutorul tastei enter.

M-am confruntat zilele trecute cu o mic? probleme a c?rei rezolvare s-a dovedit într-un final destul de simpl?.

Problema pe care o aveam de rezolvat a fost ca evenimentul de "onload" s? poat? apela metode multiple. S? presupunem c? avem dou? fi?iere javascript: meniu.js ?i filtre.js.

În fi?ierul meniu.js avem o metod? de genul:

function initMenu() {
  //initializeaza meniul
}

function initFilters() {
  //initializeaza filtrele 
  //(de exemplu, daca aveti o lista cu judete si una cu orase si doriti sa le sincronizati)
}

Dorim ca la terminarea înc?rc?rii unei pagini HTML (evenimentul window.onload) s? apel?m ambele metode. Cum proced?m?

A fost lansata o noua versiune a YUI Library, framework-ul javascript dezvoltat de Yahoo!. Una dintre cele mai importante modificari e ca versiunea publica a librariei a fost unita cu cea interna folosita de Yahoo!, de aici si saltul de la 0.12.2 la 2.2.0 ca numar al versiunii.

Au mai fost introduse si multe alte noutati printre care cele mai importante par a fi trei componente:

1) Browser History Manager - o componenta (definita ca experimentala) ce ar trebui sa rezolve problemele de functionare ale butoanelor Inainte/Inapoi in browser atunci cand se modifica o pagina in mod asincron;

2) DataTable - permite afisarea accesibila a tabelelor, sortarea coloanelor, paginare, scrolling, selectarea liniilor tabelelor, modificarea dimensiunilor coloanelor si inline editing a datelor;

3) Button Control - o componenta cu ajutorul careia se poate modifica aspectul butoanele din formuri, independent de sistemul de operare utilizat.

De asemenea, a mai fost anuntat ca framework-ul va putea fi folosit in proriile proiecte lasand ca fisierele librariei sa fie gazduite pe serverele Yahoo!.