ExtJS blog pont hu

Bosszantó jelenség, hogy IE6-ban, https-en lévő oldalon létrehozok egy üres iframe-t, akkor megjelenik egy hibaüzenet, amely szerint a lap biztonságos és nem biztonságos elemeket is tartalmaz, és megkérdezi, hogy meg akarjuk-e jeleníteni? A juzer nem tudja, hogy mi az, hogy https, igazából tökéletesen meglenne nélküle is, de egy ilyen hibaüzenettől teljesen megijed. (talán okkal)

Az sem segít, ha megadom az src értékének, hogy about:blank. Tudni illik, IE6 alatt az sem biztonságos. Még szerencse, hogy van egy pixel.gif-ünk:

Régebbi fórumokon találni olyan bejegyzéseket is, hogy használható a "javascript:return false;" is, de MS ezt a hibát kijavította az SP2-ben, így már a return false sem biztonságos.

Alkalmanként nekem hiányzik, hogy egy-egy szövegmezőnél a maximális hossz ne csak figyelmeztetés szintjén korlátozza a begépelhető karakterek számát. Szeretném, hogy a maxLength + 1 -edik karaktert már ne is gépelhessük be. Az indok, amiért az ExtJS ezt nem támogatja egyszerű: ha a juzer copy-paste után is szeretné szerkeszteni a szöveget, akkor elképzelhető, hogy "átmenetileg" hosszabb a szöveg, ellenőrzéskor meg úgyis vizsgáljuk a szöveg hosszát. Ami jogos, de alkalmanként akkor is hiányzik. :)

Legegyszerűbb megoldás erre, ha létrehozáskor felülírjuk az input elem definícióját:

Többen tanácsolják még, hogy az eredeti maxLength értéket továbbra is adjuk meg! Számomra ennek a haszna megkérdőjelezhető, mivel tudtommal nem létezik olyan ExtJS kompatibilis böngésző, amely ne ismerné az input tag maxlength attribútumát.

MySql-ben a szokások SUM, MIN, MAX … aggregátum függvények mellett van egy GROUP_CONCAT nevű, melynek lényege, hogy - a nevéből adódóan is - a kapott értékeket összefűzi.

Lehetőség van a szeparátor módosítására is, illetve a sorrend átalakítására pl:

Először a Prototype JS keretrendszerben láttam azt a megoldást, hogy elem mozgatásánál megadhatunk egy segédfüggvényt, amelynek segítségével az egyenes vonalú mozgás helyett különböző típusú mozgásokat egyszerűen lehet megvalósítani: Lassabban induljon, majd begyorsuljon; a végén pattogjon; menjen kicsit túl aztán vissza, illetve ehhez hasonló jópofaságok…

ExtJS-ben aránylag szép számmal vannak ilyen függvények. Az alábbi linken összegyűjtöttem ezeket: http://stack.hu/extjs/easing_list.html (mindegyikre egy-egy példa, illetve egy grafikon, hogy jobban látszódjon pontosan „merre” is ment az elem)

Az elemek mozgatásáról már volt szó itt: http://extjs.blog.hu/2009/05/02/pozicionalas

Ha le akarjuk kérdezni, hogy hány különböző érték van egy táblá egyik oszlopában, akkor a COUNT aggregátum függvényt kombinálhatjuk a DISTINCT záradékkal:

A Google néhány hónapja kihozta a Closure Compiler nevű JavaScript forráskód tömörítő (és gyorsító) eszközét, ami véleményem szerint gond nélkül felveszi a versenyt a többi hasonló célra készített programmal.

Vannak benne jó ötletek:

• if (a) { b(); } -> a && b();
• if (a) { b(); } else { c(); } -> a?b():c();
• var a = 60*60*5; -> var a=18E3;
• var a; var b; -> var a,b;

Az alábbi PHP scripttel a saját kódjainkat online összetömöríthetjük:

Kellemes karácsonyi ünnepeket kívánok minden kedves ismerősnek és ismeretlennek, akit jó sorsa erre az oldalra vezérelt! :)

Valamiért a legtöbb webszerver - hiába az alapértelmezett utf-8 beállítás - a JavaScript és a CSS fájlokat nem utf-8 -as kódolással jeleníti meg a böngészőben. (talán azért, mert nem sokan használnak ékezetes kommenteket, így az utf-8-as megjelenítésre nekik nincs is nagy szükségük)

Ezen az Apache mime modulja segíthet. A megfelelő karakterkiosztáshoz az alábbi kódrészletet adjuk hozzá a .htaccess fájlhoz:

A JSLint-et szerintem a legtöbb JavaScripttel rendszeresen dolgozó programozónak nem kell bemutatni: egy JavaScript szintaktikai ellenőrző, amelynek használata nagyon ajánlott.

Nálam leggyakrabban akkor kerül elő, amikor egy object-nél az utolsó property után véletlenül marad egy vessző, amivel ugye IE egyáltalán nem tud mit kezdeni:

A mask függvény második paramétere határozza meg, hogy milyen stílusban jelenjen meg maszkolás közben a várakozó szöveg. A legtöbb ExtJS komponens az 'x-mask-loading' CSS osztályt alkalmazza, de néhány soros egyszerű CSS szabállyal könnyedén lecserélhető a várakozó animációhoz tartozó kép, illetve az elrendezés.