Arhiva pentru tagul “Scripturi”

AjaxDaddy

Există numeroase situri ce colecţionează scripturi AJAX, iar AjaxDaddy.com pare a fi doar unul între multe. Din păcate răsfoind situl nu am găsit nimic cu dată (nici măcar feed-ul RSS nu are date asociate, întreg conţinutul părând ca fiind de "azi") aşa că mi-e greu să spun dacă este un sit care se actualizează frecvent… sau deloc. Nici nu deţine o arhivă uriaşă, dar majoritatea scripturilor arată foarte bine, ceea ce pare a denota un bun simţ critic în selecţie.

img731

Ca în mai toate siturile de profil, şi aici avem scripturile grupate în ceea ce seamănă mai mult a etichete.

img732

Dând click – prin AJAX, evident – are loc încărcarea scripturilor aparţinând respectivei etichete. Şi de aici încolo vine partea diferită de alte situri similare. AjaxDaddy nu oferă doar …


Scripturi pentru alegerea datei

Săptămâna aceasta lucrurile s-au mişcat ceva mai încet aici pe CNet.ro pentru că am lucrat la refacerea unui proiect mai vechi (de vreo 2-3 ani), dar care îmi este foarte drag: www.iconograme.catholica.ro.

Unul dintre motivele pentru care a trebuit să îl refac a fost acela că sistemul de alegere a datei de expediţie mergea doar sub Internet Explorer, nu şi sub Firefox. Am ales să lucrez cu jQuery (evident!) şi am folosit un plugin jQuery pentru calendar.

img456

Înainte însă haideţi să vedem o listă de soluţii de scripturi, propusă într-un articol mai vechi de Smashing Magazine:

  • img457The DHTML / JavaScript Calendar
  • NoGray Calendar Component
  • Quick Calendar Using AJAX and PHP
  • jQuery Calendar v2.7
  • Calendar System
  • PHP iCalendar
  • Yahoo! UI Library: Calendar
  • JavaScript DatePicker Control
  • Simple Calendar Widget
  • Tigra Calendar


jqPuzzle: face puzzle din imagini!

Mi-am amintit astăzi de un plugin jQuery care mi s-a părut atrăgător: jqPuzzle. I-am dedicat vreo 10 minute şi am rămas foarte impresionat: webmasterii (şi de fapt oricine are un sit) pot foarte uşor să construiască o mică pagină cu puzzle-uri precum cel de mai jos. Nu este un puzzle din acelea cu margini neregulate şi pe care să le tragi la poziţia corectă, ci acel joc pe care îl aveam într-o carcasă de plastic cu pătrate ce glisau (cu numere am avut eu).

img278

Ce este formidabil este că din câteva linii de cod o imagine (sau toate dintr-o pagină! atenţie cum folosiţi scriptul) poate să devină un puzzle. Da, la modul simplist trebuie să adăugaţi doar trei linii (scriptul jquery, scriptul jqPuzzle, CSS-ul de la jqPuzzle) dar cum avem pretenţii, vom avea şi mai multe linii. Baza …


Taburi în pagini web

Există nenumărate soluţii pe web pentru a pune un anumit text împărţit în secţiuni, fiecare secţiune într-un tab. Evident sunt şi soluţii pornind de la jQuery, dar cel puţin implementarea UI/Tabs, cu acele taburi verzi, în IE şi în FF se vede prea ciudat la mine pentru a o lua în calcul. Luni însă DynamicDrive a publicat o soluţie notabilă: scriptul Tab Content. Este de fapt o îmbunătăţire a unui script existent, dar dincolo de aceasta este o implementare robustă ce merge foarte bine cu Firefox (minim 1), Internet Exploer (minim 5) şi Opera (minim 7).

img82

Dacă doriţi să vedeţi scriptul în acţiune, am preluat scriptul DD şi pus mici traduceri iar rezultatul este aici. Puteţi descărca o arhivă cu acel exemplu, care conţine tot ce aveţi nevoie pentru …


Script pentru paginare Ajax

Acum două zile DynamicDrive a publicat un interesant script care permite ca în conţinutul unei pagini să existe blocuri (subpagini) care să poată fi paginate (adică să se treacă la alt bloc ca şi cum s-ar da o pagină) fără reîncărcarea paginii. Evident se foloseşte (un fel de) AJAX. Cel mai bine vă faceţi o idee privind la captura de mai jos sau mergând la pagina scriptului. După cum veţi vedea din arhiva pe care trebuie să o descărcaţi pentru a folosi scriptul, acesta nu foloseşte altceva decât HTML şi JS (şi CSS pentru aspect). Aceasta înseamnă că cei cărora paginile PHP/ASP le sunt străine şi se folosesc exclusiv de HTML pot folosi cu succes acest script.

Subpaginile se definesc într-un array, după dimensiunea lui construindu-se partea de navigare. DynamicDrive evidenţiază următoarele avantaje:

  • partea cu paginaţie poate fi pusă oriunde într-o pagină web, dar şi de mai multe ori …

Trei soluţii pentru afişarea de albume foto

Sunt sute, mii de soluţii, recunosc. Cu unele deja aţi putut face cunoştinţă aici, pe CNet.ro. Astăzi mă opresc pe scurt la trei soluţii interesante. Primele două sunt via AjaxRain unde găsiţi acum aproape 50 de implementări diferite. Mergeţi la norul de taguri al sitului şi alegeţi acolo termenul gallery. Cele mai recente două soluţii sunt Photo Morpher şi jQuery plugin: Photo Slider. Am aruncat o privire peste ele şi sunt interesante. Prima a fost actualizată ultima oară anul trecut, aşa că înainte de a o folosi veţi dori poate să o verificaţi în navigatoarele moderne actuale.

Photo Morpher face un "morfism" dar nu din acela spectaculos: nu, nu realizează treceri hollywood-iene între imagini, ci este mai degrabă un morfism al dimensiunilor imaginilor. Vedeţi linkul tocmai indicat care are o demonstraţie. Efectul este mai vizibil când cele două imagini între care se face tranziţia sunt …


Albumele Picasa în paginile noastre HTML

Ai un sit. Spaţiu: 40MB, sau poate 200MB ori mai mult. Dacă publici pozele în spaţiul tău, îl consumi rapid (dacă sunt multe), plus că trebuie să le publici la dimensiuni mici. Atunci publici extern (Picasa, Flickr, DivShare şi alte n soluţii), dar aceasta înseamnă că vizitatorii trebuie să îţi părăsească situl pentru a vedea fotografiile. Şi atunci? Ei bine, Google pune multe API-uri la dispoziţie, unul fiind şi pentru Picasa Web Albums (PWA). De când a fost deschis acest API am văzut unele aplicaţii lansate ce fructifică facilitatea, dar personal mă aşteptam la mai mult, la rezultate mai spectaculoase. Vă invit să fructificăm astăzi API-ul de la PWA. Idealul nostru: să putem include uşor un album, sau toate albumele, într-o pagină a propriului sit. La drum!

Mai întâi teoria. Documentaţia o găsiţi aici. Pagina Google nu pot să spun că este teribil de informativă dar o bază …


jQuery: Edit in Place

Pentru cei care nu au auzit de Edit in Place (sau Edit’n’Place) este o metodă de editare a unor informaţii chiar în pagina unde apar. Pagina care pare doar de afişare are, datorită AJAX, şi "proprietăţi" de formular. La un click pe un text, acesta apare într-un control input sau textarea, gata pentru editare. Într-o vreme foloseam şi pentru WordPress un plugin cu un comportament de acest gen. Cât de greu este de implementat folosind jQuery? Depinde de pretenţii. Dacă vreţi să folosiţi aşa ceva într-un proiect primul sfat este să vedeţi dacă nu există un plugin dezvoltat exact pentru aşa ceva. Materialul de faţă nu reprezintă o soluţie completă ci mai degrabă o introducere în temă.

img575

Puteţi să vedeţi pagina demonstrativă aici, iar arhiva o puteţi descărca de aici (dacă se vor înregistra abuzuri rămâne …


AjaxRain: sute de „picuri”

Vă amintiţi de MiniAjax.com? Am scris în două rânduri. Din păcate proiectul pare a fi fost abandonat, sau poate este într-un concediu prelungit. Via Digg am găsit însă un "frăţior" mai puternic: AjaxRain.com. Nu doar pe Digg ci în general pe internet constat că lumea face uşor icter la două lucruri: abuzul de Ajax în titlurile de proiecte şi promovarea peste noapte în situri de succes a unor directoare al căror unic merit este că au linkuri către alte pagini.

img498

Subscriu şi nu subscriu la aceste "forme" de icter. Într-adevăr multe proiecte îşi adaugă Ajax în titlu pentru că astăzi (sau era ieri?) Ajax-ul este la modă (nu vă gândiţi la detergent… mai bine citiţi aici/aici). Şi AjaxRain nu este un director exclusiv …


Scripturi acordeon

Dacă nu le ştiţi sub acest nume, o scurtă explicaţie: sunt acele scripturi care vă permit ca într-o pagină să aveţi conţinut care se afişează printr-un click pe un anumit element, respectivul conţinut "desfăşurându-se" sau "înfăşurându-se". Astfel de scripturi acordeon le-aţi văzut cu siguranţă pe zeci de situri, avantajul lor fiind, pe lângă efectul vizual, acela că permit un conţinut mai bogat într-un spaţiu mai mic.

img259

DezinerFolio a publicat ieri ceea ce ar fi cel mai mic script acordeon (1,12KB), care are o putere de generalitate considerabilă. Cel mai bine vă puteţi convinge fie descărcând arhiva oferită de DezinerFolio (vezi linkul anterior, în arhivă fiind demonstraţiile cu codul), fie dând câteva clickuri pentru a vedea direct online demonstraţiile: 1, 2, 3, 4, 5. Ce …