Šiandien susidūriau su tokia problemėle, kad kuriant naujus Option elementus su JavaScript niekaip nepavyko pridėti papildomų tarpų prie pavadinimo. Tiek paprasti tarpai, tiek   specialūs HTML simboliai nepadėjo, teko prašyti seno gero draugo Google pagalbos. Po keletos, intensyvaus ieškojimo, minučių suradau sprendimą, simbilius keisti į specialius Unicode simboliukus. pateikiu trumpą pavyzdį:

$.each(vals, function(i, val){
catSelector.append(new Option(val.title.replace(/ /g,"\u00A0"), val.id));
});

Taigi tikiuos, jei kam nors kils panaši situacija, šis mini įrašas jums pagelbės.

Šis įrašas tikriausiai bus paskutinis šiais metais, ir džiaugiuos, kad jis galbūt bus naudingas ir kitiems, o gal kas nors parodys paprastesnį sprendimą man iškilusiai problemai.
Taigi taip susiklostė, kad prisireikė dinamiškai keisti formos atributą “action”, viskas atrodytų labai paprasta, vos pora JavaScript eilučių…
$("#my-form").attr('action', 'http://www.my-super-duper.com/post-url');
… ir problemos nebėra, tačiau mano atvėju tai negelbėjo, nes mano formoje buvo paslėptas input elementas, kurio pavadinimas buvo “action”, o mielas programuotojų draugas Internet Explorer 7 jį pamatęs tokioje situacijoje ima ir pasimeta, ir nebežino ką daryti. Paprasčiausias būdas tikriausiai atsisakyti paslėpto elemento vardu “action”, tiesiog kartais tai padaryti neleidžia aplinkybės (trečios šalies kodas ir pan.), tad tenka sugudrauti…

//...
var form = $('#my-form');
form.children('input[name=action]').remove();
form.attr('action', 'http://www.my-super-duper.com/post-url');
from.append($('<input type="hidden" name="action" value="1" />'));
//...

Gudrybė paprasta, iš formos pašalinam elementą vardu “action”, pakeičiam formos atributo “action” reikšmę ir formoje sukuriame naują elementą vardu “action” ir taip paprastai apgauname IE7. Dar šiokia tokia pastabėlė, bent jau man, prieš darant pakeitimus atribute, jis turėjo būti užpildytas, t.y. negali būti tuščias.

Tikiuos bent jau ateityje padėsiu kam nors sutaupyti bent keleta minučių

Su praėjusiom šventėm ir laimingų Naujųjų metų

Jei esate tinklapių kūrėjas, dažnai prireikia greitai pamaketuoti kokį nors funkcionalumą, ar dizaino sprendimą, tam jums pagelbės paprasta lengva debesies programėle Frame Box. Įrankų nėra čia labai daug, bet pagrindiniai naudojami dizaine (formos elementai, antraštės, teksto laukai) ya ir manau to visiškai pakanka. Na o jei reikia galingesnio įrankio siūlau išbandyti Pencil.

Šiandien pabandysiu aprašyti pastarųjų dienų įspūdžius dirbant su Zend Framework komponentu Zend_Navigation. Nuo ko norėčiau pradėti, tai kad šis komponentas pilnas ir pliusų ir minusų, tad konkrečių išvadų nepateiksiu.

Pliusai

Komponentas tiek pliusų, tiek minusų turi panšiai, tai gal pradėsiu nuo pliusų. Pirmas pliusas būtų, tai, kad tai išties puikus komponentas, dirbant su tinklapio hierarchiniu medžiu. Visas medis gali būti aprašytas konfigūracijoj, arba papildytas reikiamose vietose.

Konfigūruojamas taip pat, paprastai kaip ir kiti komponentai, per INI bylas, PHP masyvą, arba XML. Sudaromas paprastas nuorodų medis, pavyzdžius galite pasižiūrėti oficialioje dokumentacijoje.

Atvaizdavimo pagalbininkų (View Helpers) komponentas taip pat turi nemažai, pavyzdžiui menu(), breadcrumbs(), sitemap(). Kurie analogiškai, atspausdina meniu, atvaizduoja “trupius” t.y. kelią kokiame puslapyje dabar esat, ir suformatuotą XML, kurį galite įkelti į Google ar kitas paieškos sistemas, kad jūsų tinklapis būtų greičiau suindeksuojamas (SEO specialistai pataisykit jeigu klystu).

Minusai

Kaip bebūtų gaila, šiame komponente radau ir minusų (o gal tik “tarpinės bėdos”). Man labiausiai nepatiko, kad jis ne toks jau lankstus kaip norėtųsi, aišku, galima būtų prisitaikyti viską, bet tai juk “framework” komponentas, nenoriu aš jo perrašinėti ir gaišti laiko, kad gauti norimą rezultatą. O rezultato aš noriu paprasto, įdėti šaką kuri būtų neatvaizduojama meniu, o būtų atvaizduojama “trupiniuose”. Dar nepatiko ir tai, nors jau nurodęs konfigūracijoj visą medį ir atrodo, jog komponentas turėtų žinoti kokius “trupinėlius” paišyti, bet visgi jam dar reikia asmeniškai pasakyti, ka kaip paišyti. Ir gal didžiausias minusas yra tas, kad resursų suvartojimas nėra labai jau proporcingas gaunamam rezultatui.

Šis įrašas nebus susijęs nei su Zend Framework, nei su Doctrine iš viso apie programavima šiandien nebekalbėsiu. Šiandien norėčiau pasidalinti gana įdomia idėja, ir sakyčiau šiandien dieną labai praktiška, tai apie kontaktų atvaizdavimą savo tinkalalapyje.

Idėją atradau visai atsitiktinai, @joedevon perčiulbėjo vieną čiulbesį, kur nuoroda veda į navigacijos pamokėlę naudojant CSS ir jQuery. Pamokėlė kaip pamokėlė, nieko labai naujo, tačiau mano akys užkliuvo už didžiulio QR kodo esančio skiltyje “Contact Info”. Griebiau savo HTC Hero ir su Barcode skaneriu “paukštelėjau” … visa informacija iškart atsidūrė mano telefone. Tiesiog geniali idėja šiais išmaniųjų telefonų laikais … nebereikia gaišti laiko suvedinėjant telefono numerius ir adresą.

Toks kontaktinės informacijos pateikimas turi ir dar vieną paslėptą pliusą … šiokia tokia apsauga nuo spameriu. Beja jei kas norit jau dabar galit į savo svtaines, tinklaraščius įsidėti sugeneruotą QR kodą su savo kontaktine informacija pasinaudodami šiuo QR kodų generatorium.

Na pagaliau sulaukėme naujų metų, naujo dešimtmečio pradžios… Šiame įraše nesistengsiu apžvelgti, kas buvo 2009 ar praeitame dešimtmetyje gero ar blogo. Verčiau žiūrėkime į priekį t.y. ką nuveiksime ateityje.

Labai daug tušiai nerašydamas, savo planuose turiu paleisti dar pora projektėlių, dėja jie labai vangiai vystosi, čia aišku mano pačio kaltė. Šie projektukai bus įdomųs tuo, kad juos kuriu naudodamas Zend Framework ir Doctrine ORM, kaip man seksis su jais susidraugauti, kokios kils problemos pasistengsiu atspindėti tolimesniuose tinklaraščio įrašuose.

Įdomu bus ir tai, kad šiems “netolimos” ateities projektams net ir dizainą pabandysiu sudėlioti pats, taigi tinklaraščiui medžiagos taip pat neturėtų trukti.

W3C pristatė naują pagalbininką tinklapių dizaineriams. Šis paruoštukas yra įpatingas ne tik tuo, kad rasite visą detalią informaciją apie HTML, CSS, SVG ir XPath elementus, bet ir patarimus, kaip tinklapį pritaikyti mobiliems prietaisams. Taip pat yra patarimų apie svetainės prieinamumą, internacionalizaciją ir specialių HTML kodų panaudojimą svetainėse.

Manau šia informaciją reiktų peržvelgti kiekvienam, nors kiek susijusiąm su tinklapių technologijomis. Pateikta informacija tikrai yra labai naudinga, nes ją pateikia patys HTML ir CSS technologijos prižiūrėtojai.

Norint, kad svetainė būtų atvaizduojama teisingai visose naršyklėse, reikalinga, kad HTML bei CSS būtų parašyti tvarkingai. W3C įrankių pagalba lengvai rasite HTML bei CSS klaidas.

Problema

Kiekvienam tiek tinklapių kūėjui, tiek tinklapio lankytojui įra svarbu ar tinklapis atvaizduojamas teisingai. Dažnai pradedantys tinklapių kūrėjai pamiršta tinklapio dizainą tikrinti su įvairiausiomis naršyklėmis, ar tinklapis jose atvaizduojamas teisingai.

Būna ir taip, kad tiesiog nebūna galimybės patikrinti tinklapio ant visų naršyklių. Internete yra įrankių su kuriais tai įmanoma padaryti, tačiau tokios paslaugos dažniausiai mokamos ir šį kartą tema ne apie tai.

Sprendimas

Pirmas žingsnis norint, kad tinklalapis būtų teisingai atvaizduojamas yra teisingas HTML/CSS kodas. W3C (World Wide Web Consortium) kuris yra HTML ir CSS “prižiūrėtojas” yra sukūręs puikius įrankius HTML ir CSS kodo tikrinimui. HTML Validator suranda HTML klaidas parodo ir paaiškina kodėl taip nevartotina priklausomai nuo dokumento tipo (DOCTYPE). CSS Validator taip pat patikrina ar jūsų tinklaio stiliuose nera klaidų.

Abiem šiais įrankiais atskirai naudotis kartais būna nelabai paranku. Todel W3C išleido naują universalų įrankį kurio pagalba galite tikrinti HTML ir CSS kartu. Gali būti, kad toks įrankis ne visada bus patogus tuomet, kada norima tikrinti tik vieno arba kito tipo klaidas. Tačiau tikrai bus patogus, kai atlikus nedidelius pakeitimus, patikrinti ar tinklapio HTML ir CSS kodas yra be klaidų.

P.S. atrodo šiandien vakare reiks pasitvarkyti naujosios išvaizdos HTML kodą…

World Wide Web Consortium

Naujas mano mažas projektukas. Truputėlis Zend Framework, jQuery, HTML ir CSS.

Trumpai

Laisvu laiku, pramakštindamas savo smegeneles ir norėdamas įsigilinti į Zend Framework sukūriau dar vieną projektuką. Projektas “Ką matai?” gimė po apsilankymo anglishkoje alternatyvoje, nors tiksliau maniškį reikėtų vadinti alternatyva. Idėja labai paprasta, tinklapyje kaupiami juokingi kartais nelabai paaiškinami paveiksliukai, vartotojai juos stengiasi kuo įdomiau paaiškinti.

Zend Framework pliusai

Vien didelis pliusas programuojant yra naudoti bent kokį MVC karkasą. Nesu bandęs nei CackePHP nei CodeIgniter tad lyginti tikrai nelyginsiu. Zend Framework karkasas turi man priimtiniausią klasių vardų sudarymo sistemą, reikalingos bylos surandamos labai greitai. Patiko ir Zend_Tool, atkrenta tikrai nemazai pradinio darbo konfigūruojant karkasą. Zend_Db puikiai tinka paprastoms užklausas. Išbandžiau Zend_Captcha su paprastais paveiksliukais (pasilikau prie šio varianto), taip pat teko išbandyti ir reCaptcha, abiejų įgyvendinimas gana paprastas, esu parašęs 2 straipsnelių anglų kalba  (su klaidoms tikriausiai ).

Zend Framework minusai

Labai nepatiko Zend_Form su tais savo “decoratoriais” teko juos atjunginet nuo kiekvieno formos elemento, norint kad formą renderintų pagal View skriptą. Kolkas nėra klasių rinkinio darbui su paveikslėliais, tad teko pačiam rašytis.

Kritika laukiama komentaruose.

Šiuo straipsneliu pabandysiu padėti naujiems, gal kiek daugiau pažengusiems tinklapių kūrėjams. Kiekvienas, kuris nusprendė savo ateitį sieti su tinklapių kūrimu turėtų naudoti jiems darbą lengvinančius produktus. Programuotojai naudoti MVC karkasą, HTML dizaineriai CSS “reset” (neradau atitikimo lietuvių kalboje) arba CSS karkasą.

Programavimas

Tikriausiai nesuklysiu pasakydamas, kad dauguma programuotojų tinklapius programuoja bene populiariausia kalba PHP (neišimtis ir aš). PHP MVC karkasų galima rasti ištiesų nemažai (Zend Framework, CakePHP, CodeIgniter, Yii ir kiti). Bet kodėl reiktų naudoti MVC karkasą? MVC nepaprastai lankstus kuriant internetinius puslapius, kodas aiškus, lengvai suprantamas, praktiškai nebelieka pasikartojančio kodo.

MVC yra žodžių “Model View Controller” trumpinys, kur “Model” reiškia priėjimą prie duomenų, nesvarbu kas tai būtų, duomenų bazė, XML, paslaugų serveriai ar dar kas nors kas apdoroja ar gražina informaciją. “View” yra tinklapio dizaino šablonas kur bus išvedami duomenys atėję iš modelio. “Controller” sujungia “Model” su “View”, t.y. gauna apdoroja užklausą iškviečia atitinkamą modelį (nebūtinai) ir pateikia duomenis į “View” arba tiesiog atspausdina juos (AJAX).

Kokį karkasą pasirinkti, paliksiu nuspręsti patiems, nes viskas priklauso nuo poreikių ir įsitikinimų. Asmeniškai aš pasirinkau Zend Framework, todėl, kad jis dažnai atnaujinamas, yra didelis pasirinkimas bibliotekų kaip Google, Akismet, Gravatar, Dojo, jQuery – kurios dar labiau palengvina tinklaio programavimą.

Dizainas

Tinklapių dizainui yra daug įvairių įrankių palengvinančių darbą, kaip CSS karkasai, “reset”, “grid”. Kam tai reikalinga galite paklausti? Paprasta dažniausia problema kuriant dizainus ta, kad skirtingos naršyklės jūsų dizainą gali atvaizduoti skirtingai. CSS “reset” ir karkasai dažnai palengvina dizaino suvienodinimą ant įvairių naršyklių.

Internete CSS karkasų yra tikrai nemažai, tačiau asmeniškai aš nenaudoju karkaso, bent jau nebuvo poreikio, mano poreikius pilnai patenkina 960grid ir CSS “reset”.

Kita

Taip pat kas programuojat JavaScript ar tiesiog norisi šiek tiek pagyvinti tinklapį siūlau naudoti JavaScript bibliotekas kaip jQuery, MooTools ar Prototype. Bene populiariausia biblioteka yra jQuery kuriam sukurta milžiniškas pasirinkimas įskiepių.

Ištestuoti kuriamą tinklapį jums padės Mozilla Firefox, su įskiepiais Firebug, Web Developer jei reikės manau nesunkiai surasite dar kokius nors naudingus įskiepius.

Taip pat siūlau sekti naujienas tinkalpiuose PHPdeveloper, Zend Developer, jums patikusiuose bloguose, juose tikrai visada rasite kažką naudingo, įdomaus, patarimų ir naujienų.