Se pare că jQuery a împlinit azi doi anişori şi, cu această ocazie s-a lansat o nouă versiune 1.2.2 ce se spune că aduce îmbunătăţiri de viteză (300%) şi ceva features noi. Ultima dată când s-au lăudat că au avut o îmbunătăţire de 800%, au avut ceva probleme şi la câteva zile după, au scos o altă versiune. Să sperăm că nu va fi aceeaşi problemă şi acum.

Din păcate, eu sunt blocat cu 1.1.2, deoarece Interface nu merge cu versiuni mai noi iar UI este în continuare naşpa. Alte librării nu îmi plac

În aceeaşi zi în care Eminescu are ceva ani de când s-a născut. Poetul nepereche, poetul românilor, poetul dragostei, and so on. Nu mi-a plăcut niciodată literatura, dar… fie, la mulţi ani băi Mihăiţă! (bine, cât de ciudat e să-i spui unuia ce a murit acum aproape 120 ani la mulţi ani?)

Dacă tot sunt întrebat aproape zilnic cum am învăţat javascript (şi tot spun că eu NU ştiu js; ştiu jQuery - şi nici ăsta la un nivel foarte avansat) am zis că ar fi bine să pun la bătaie câteva tutoriale video care se întâmplă să le am în bookmarks, dar nu am apucat să le văd decât pe sărite deoarece timpul nu este tocmai cel mai bun prieten al meu.

Introducere în Javascript

Theory of DOM

Advanced Java script

Joe Hewitt: welcome to Firebug

În afară de ultimul link, sunt câte trei link-uri pe rând, aşa că ai grijă pe ce dai click

Enjoy!

Azi am început să tai un layout ce avea o parte dintr-un formular un pic… diferit de cum ar fi normal. Şi anume un alt buton de upload. Şi m-am gândit eu puţin şi am ajuns la concluzia că elementele ce intră într-un tag form sunt cel mai greu de customizat:

1. <legend> se comportă diferit pe firefox comparativ cu IE sau Opera, neputând fi poziţionat în niciun fel - padding/margin. Singura soluţie ar fi poziţionare relativă a fieldset-ului şi poziţionare absolută a tag-ului legend. Sau folosirea unui titlu în locul lui <legend> (<h4> sau <h5>)
2. <input type=”checkbox” /> şi <input type=”radio” /> nu poţi sa le convingi prea uşor de un anume background/culoare. Cred că ţine şi de setările sistemului de operare
3. <input type=”text” /> şi <textarea> au un „mic” bug în IE: dacă are o imagine ca background iar textul depăşeşte lătimea definită, background-ul pleacă la pădure. Fix? Pentru IE6 se defineşte bg ca fixed. Pentru IE7 nu am găsit altă soluţie decât să pun input-ul sau textarea într-un alt element (span/div) şi schimb background la acest element.
4. <select> & <option> padding-ul se aplică după ureche, în funcţie de browser. În plus, în IE6 este un bug criminal: niciun element nu poate apărea deasupra unui <select>. Soluţia? Dacă foloseşti jQuery, găseşti o mulţime.
5. Am lăsat cireaşa de pe tort (bomboana de pe colivă?!) la urmă: <input type=”file” />. Un simplu style=”border:1px solid #000″ îi strică rău de tot aspectul. Soluţii sunt multiple:

• nu te legi sub nicio formă de file şi te mulţumeşti doar cu lăţime;
• foloseşti o şmecherie făcută în flash (ai nevoie şi de cunoştinţe server side);
• foloseşti o şmecherie făcută în javascript. Sau un plugin pentru jQuery (download AICI deoarece nu prea merge site-ul).

Pentru primele patru probleme există o rezolvare foarte simplă all in one. Este o versiune recentă ce rezolvă o parte din problemele iniţiale (select-ul nu funcţiona decât dacă se făcea click pe săgeată, nu se putea folosi tastatura).

Enjoy!

Cum acest week planner pare cel mai avansat şi nu m-a satisfăcut decât parţial, îmi voi scrie propriul meu script. Voi începe să folosesc Json sau XML (deşi, având în vedere că nu sunt chestii de structură, cred că voi alege Json) şi sper că îl voi înţelege rapid deoarece sunt presat de timp

Îl voi face disponibil spre download? Nu ştiu, mă mai gândesc….

De multe ori am avut nevoie de un datepicker în javascript (un calendar ce apare la click şi poţi selecta o anumită dată). Am căutat şi încercat multe, dar m-am oprit la două, ambele având acelaşi autor, dar unul bazat pe jQuery iar celălalt neavând nevoie de altă librărie.

Cel bazat pe jQuery îl găseşti aici. Merge ok, este inclus în jQuery UI (da, chestia aia urâtă ce am înjurat-o în câteva rânduri), are multe opţiuni dar şi vreo 40k. Mie mi se pare multişor, dar dacă nu ai nevoie de toate opţiunile, poţi folosi cu încredere versiunea „lite” găsită aici. Fişierele din arhiva oferită spre download se pare că nu merg prea bine în IE6 (eterna problemă cu conţinutul ce apare sub elementele <select>), aşa că îţi recomand să „furi” sursele direct de pe site.

Edit: am uitat să precizez că versiunea bazată pe jQuery merge un pic greoi în IE6 şi are nevoie şi de bgiframe. Versiunea standalone nu are aceste „neajunsuri”.

Enjoy