Gabesz webes naplója

Csináltam egy nagyon egyszerű képnézegetőt jQuery-vel, hogy nagyobban is meglehessen tekinteni a képeket (úgy szerintem sokkal szebbek). Csak rá kell klikkelni a képre, amit megszeretnél nézni és már fade-el is be Ha szeretnéd használni a blogodban keress meg, és elmagyarázom hogyan kell működésbe hozni!

Valami ilyesmi lesz: http://www.szabogabor.net/4.0/

Egyenlőre még csak a béta verzió van kinn, de úgy érzem, hogy hamarosan leváltom a firefoxot. Egy átlag user számára talán nem képes többet nyújtani, de nekem elég sokat számít. Ami például a számomra legfontosabb, az a javascript futási sebessége. Nagyságrendekkel gyorsabb, mint a firefox, nem akadozik az olyan alkalmazásoknál, amik a web 2-ön már rég elterjedtek (csili-vili javascript effektek többek között).  Van egy elég jó beépített developer menüje is. Summa summarum tudja ugyanazt mint a firefox, plusz még pár lényeges dolgot. Alig várom a hivatalos megjelenést!

Mi történik, akkor ha kéne a Firebug, de nem Firefox böngésző alatt? Az igazán egyszerű válaszra tegnap bukkantam a Firebug honlapján. Rakd be a következő linket a könyvjelzőid közé, hátha szükség lesz rá még:

javascript:var%20firebug=document.createElement(’script’);firebug.setAttribute(’src’,'http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js’);document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Ezután, amikor csak szükséged van a Firebugra, csak kattints erre a bookmarkra!

Nagyon szeretem az ExtJS-t, főleg a pontos api dokumentációt, de sajnos így is hiányos, ami miatt sok órát szoktam elvesztegetni. Nos a probléma egyszerűen megfogalmazva így néz ki: létre kell hoznom egy olyan szerkeszthető gridet (táblázatot) Ext-ben, hogy annak minden egyes cellája egy általam írt függvény által visszaadott form elemmel szerkeszthető legyen. Tehát például a második oszlop harmadik sorának celláját, más szerkesztővel lehessen megszerkeszteni, mint a második oszlop második sorának celláját. No problem, felütöm az API-t a megfelelő résznél és már ott is a megoldás, vagyis a grid-hez tartozó ColumnModel egyik függvénye, a setEditor, ami egy oszlop indexet (figyelem! az első oszlop a 0 indexű) és egy szerkesztőt vár. Na persze! Nem ilyen könnyű ám az élet. Az Ext Developer Team, ugyanis kihagyott egy fontos részletet az API-ból (illetve nem is hagyták ki, de a második paraméter objektumnak van feltüntetve, amire a paraszt azt hiszi, hogy az editor-t kell megadni),  nevezetesen, hogy a második paraméter egy “konvertáló”:  new Ext.grid.GridEditor(ide jön a form objektum). A baj ezzel az, hogy nincs feltüntetve sehol, egy eldugott ext témában találtam meg a megoldást. Tehát az editor megváltoztatásához (most egy szám beviteli mezőt fogok használni) egy ilyen parancs szükséges:

grid.getColumnModel().setEditor( index, new Ext.grid.GridEditor( new Ext.form.NumberField({}) ) );

Gondolkodtam mi is legyen a mai téma (kieg.: a ma az addig ma amíg le nem fekszem), aztán eszembe ötlött a téma, ami napok óta lefoglalja pár órámat. Nevezetesen a css, vagyis cascading style sheets. Valójában, mivel ez a szakmám, tudom elég részletesen a lehetőségeit, de meglepődve tapasztaltam, hogy jópár trükkjét még ennyi idő után sem ismerem. Valószínűleg azért, mert olyan tulajdonságokba botlottam (mint például a nyelvi szelektorok vagy a text-shadow, ami például firefoxon nem működik érdekes módon), melyek nem annyira elterjedtek, vagy nem kompatibilisek egyes böngészőkkel. Tudok ajánlani egy jó linket, ha szeretnéd megtanulni rendesen a css-t: Weblabor.hu / CSS alapjai I.. Rövid, érthető, szinte minden benne van.