Category Archives: Tinklapiu dizainas

Kaip pridėti papildomus tarpus kuriant Option elements su JavaScript

Š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.

Kaip pakeisti formos atributą action?…

Š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ų :)

Kuriam maketus debesyje

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.

Zend_Navigation

Š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.

Read more »

Išmanieji kontaktai

Š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. Read more »

Nauji metai nauji vėjai

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. Read more »

Naujas tinklalapių dizainerių “paruoštukas”

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.

Read more »

Naujas universalus W3C įrankis HTML/CSS klaidų tikrinimui

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.

Read more »

Naujas projektukas

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

Tinklapius kurkime lengviau

Š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ą.
Read more »