Bicubic scale

2009.09.27. 00:23 stack

Végén még kiderül, hogy az IE is jó böngésző, csak ennek az ellenkezője az alapértelmezett beállítása. :)
IE 6-7 a képek átméretezését elég ratyi módon oldja meg, de egy css szabály ezen segít:

img {
    -ms-interpolation-mode: bicubic;
}

Most komolyan, ki találhatta ki, hogy ne ez legyen az alapértelmezett beállítás?
Hogy konkrétan mi a különbség azt itt megnézheted.

Szólj hozzá!

Címkék: css scale

Javascript beautifier

2009.09.22. 23:07 stack

Hetek óta kerestem ezt az eszközt. Gondolom mindenki ismeri a jsmin-t és társait. Lényegük, hogy a kódot minél optimálisabban összetömörítik. Ezzel szemben, a Javascript beautifier az ellentétes irány: összetömörített, vagy éppen csak rosszul formázott forráskódot alakít át jól formázottá. Nagy segítség, ha olyan kódot kell átnézni, ahol a forrás külalakjára nem ügyeltek.

Update:
Ugyanez SQL-hez: Instant SQL Formatter,
PHP-hez: PHP Formatter,
és XML-hez: XML beautifier.com

1 komment

Címkék: jsmin beautifier

WHERE col IN (v1, v2) ORDER BY col = v1 LIMIT 1

2009.09.21. 07:43 stack

Adott egy szótár tábla: szöveg az adott nyelven, nyelv kód, szöveg azonosító. Feladat, írjuk ki a „kilépés” szót egy kiválasztott nyelven, de ha úgy nem létezik a táblában, akkor angolul. Mindezt egy lekéréssel:

SELECT `text`
  FROM `dictionary`
 WHERE `label` = "exit" AND `lang` IN ("en", "hu")
 ORDER BY `lang` = "hu" DESC
 LIMIT 1

Szeretem az ilyen apró ötleteket.

Szólj hozzá!

Címkék: mysql nem extjs

JSON + [undefined]

2009.09.16. 19:01 stack

Nagyon közhely: rossz kódban, rossz hibák vannak, és rossz azokat keresni! :)

PHP-ban valamiért összekeveredik a lista és az asszociatív tömb, talán emiatt is sokszor JavaScriptben is találni olyan példákat, hogy egy elem tulajdonságai nem Object-ben, hanem Array-ban vannak. (előre meghatározott sorrendben). Azontúl, hogy nagyon kerülendő ez a megoldás, még komoly hibaforrás is lehet, ha valamelyik tulajdonság undefined is lehet, majd mindezt valamiért JSON-nal el akarnánk kódolni.

var a = [undefined, 'Hello világ!', 100];
var b = Ext.util.JSON.decode(Ext.util.JSON.encode(a));
alert('a: ' + a.length + '; b: ' + b.length);

Eredmény: "a: 3; b:2". és ugye azt mondani sem kell, hogy az indexek eggyel elcsúsztak... Meg lehetne hack-elni az encode-t, hogy készüljön fel erre az extrém esetre, de jobb inkább ezt az egészet elkerülni...

Szólj hozzá!

Címkék: array json undefined

Math.sum()

2009.09.15. 18:39 stack

Néha a legtermészetesebb függvények hiányoznak...

Math.sum = function (array) {
    var sum = 0;
    var t = typeof array.length == 'number' ? array : arguments;
    for (var i = 0; i < t.length; i++) {
        sum += t[i];
    }
    return sum;
};

(Zárójelben, kisbetűvel: ExtJS 3-ban létezik Ext.sum)

Szólj hozzá!

Címkék: math nem extjs sum

session_write_close();

2009.09.15. 08:02 stack

Régen írtam már "napi szívás" címkéjű posztot, pedig alkalom lett volna rá... igaz, hogy kicsit offtopic, de a legutóbbi szívás annyi időmet elvette, hogy mégiscsak megér egy bejegyzést.

Történet ott kezdődött, hogy az egyik honlapon egyes szolgáltatások eléréséhez fizetni kell, legkézenfekvőbb megoldás az országos bankunk bankkártyás átutalása bizonyult.

5 komment

Címkék: php napi szívás

Framework Detector

2009.08.24. 19:59 stack

A Firefox tele van értelmetlen kiegészítőkkel. Szinte biztos vagyok benne, hogy a felhasználók 99% így vélekedik a Framework Detector-ról is. A lényege annyi, hogy az oldalon használt JavaScript keretrendszer ikonját megjeleníti a Firofox alsó eszköztárán, illetve mouseover-re kiírja a verziószámot.

ExtJS kiegészítéseket, mintakódokat nézegetve hasznos tud lenni: ExtJS 2 vagy 3? JQuery-t vagy csak Ext-base-t használ az adott példa...

Szólj hozzá!

Címkék: firefox extension

jobb klikk tiltása

2009.08.02. 09:48 stack

Jobb egérgomb letiltása csupán a kód elrejtése szempontjából kicsit gagyi dolog. Ellenben, ha néhány elemhez (táblázat soraihoz, fa elemeihez stb.) hozzárendelünk context menüt, akkor nagyon zavaró, hogy más elemeken a böngésző alapértelmezett menüje jelenik meg. Főleg, ha az ügyfél nem veszi észre a különbséget. :) Így hát mégiscsak van alapja a jobb klikk tiltásának:

Ext.getBody().on('contextmenu', function (e) {
    e.preventDefault();
});

Azaz, a body contextmenu eseményét elkapjuk, és nem csinálunk semmit. :)

2 komment

Címkék: contextmenu

JSON viewer

2009.07.23. 12:03 stack

Általában mindenkinek azt szoktam ajánlani, hogyha teheti, akkor XML helyett JSON-nal kommunikáljon. Gyorsabb, könnyebb kezelni, rövidebb adat, típusosabb stb. Persze azért vannak hátrányai is… de ugye valamit valamiért. :)

Annyiból mindenképpen macerássabb, hogy a böngésző alapértelmezetten nem tudja szépen, átláthatóan megjeleníteni, ahogy az XML-t. Külső programok vannak erre, de némelyikhez még külön dll-t is fel kell pakolni a gépre. Nem olyan régen elkészítettem magamnak az egyik ilyen program online változatát, hogy kényelmesen mindenhol elérhessem.

7 komment

Címkék: viewer json

Sortable DataView

2009.07.21. 08:04 stack

Egy érdekes DataView rendezési megoldást láttam nemrégiben az ExtJS fórumán. Általában a DragAndDrop rendezéseknél megfogjuk az elemeket, egérrel ide-oda mozgathatjuk, majd az egér gomb felengedésénél a megfelelő helyre illesztjük a kiválasztott elemet. Jobb esetben az egér mozgatása közben az eredeti elemet egy átmeneti töltelék elemmel helyettesítjük.

Itt az alapötlet annyi, hogy nincs tetszőleges mozgatás, nincs mozgatandó elem és nincs átmeneti állapot. Az megoldás kihasználja, hogy amikor megváltozik a DataView-hoz tartozó Store, akkor a HTML felépítés is változik, illetve, hogy a DataView-on belüli egérmozgásnál egyszerűen lekérhetjük azt az elemet, amelyik felett mozgatjuk az egeret. Nem kell mást csinálnunk, mint az eredeti elemet az új elem helyére tesszük, így a Store-ban az rekordok rendezése pont ugyanazt az eredményt adja, mintha az egérrel áthelyeznénk az adott elemeket.

Szólj hozzá!

Címkék: plugin sortable dataview dragdrop

ExtJS blog, mi ez?

Az ExtJS egy JavaScript keretrendszer, melyet a blog írója elfogultan a legjobbnak tart, és ez a blog olyan apróságok gyűjteménye, melyek ExtJS használata közben felmerültek, eszébe jutottak...

Címkék

ajax (4) alignto (1) állás (3) analytics (1) anchorto (1) android (4) animate (2) array (9) auto (1) back button (1) beautifier (1) beforeevent (1) benchmark (1) blur (1) budapest.js (1) button (1) canvas (1) capture (1) case sensitive (1) center (1) change (1) cikkajánló (1) class (2) closure compiler (1) collapse (1) combobox (3) comment (1) console.log (2) contextmenu (2) core (2) count (1) css (15) csv (1) dataview (1) date (4) datefield (3) datepicker (1) debug (1) doksi (1) dragdrop (1) easing (1) eclipse (1) editor (1) element (5) error (5) eval (2) event (1) fejtörő (1) field (2) fieldset (1) filter (1) firefox (4) firefox extension (2) focus (3) fonts (1) fun (1) function (1) google (2) google chrome (1) grayscale (1) grid (4) group contact (1) header (3) height (2) hidden (1) hirek (2) history (1) htaccess (1) html5 (2) htmleditor (2) https (1) icon (3) id (2) ie (2) ie6 (1) ie9 (1) iframe (3) image (2) indexof (1) javascript (1) jquery (2) jslint (2) jsmin (1) json (7) keymap (1) kipróbálom (2) könyvajánló (2) label (1) layout (1) lint (1) log (1) loop (1) magyar (2) mandelbrot (1) mask (1) math (1) maxlength (1) mistake (1) mysql (5) napi szívás (16) nem extjs (12) node (1) nth child (1) number (1) off (5) offline (1) operator (1) override (20) pagesize (1) paging (2) panel (2) php (7) picker (1) plugin (3) pozicionálás (2) preload (1) print (1) propertygrid (1) pseudo (3) readonly (2) record (1) regexp (1) replace (1) resizable (1) rotate (1) round (1) scale (1) sencha touch (2) server (1) shuffle (1) slider (1) sort (3) sortable (1) store (2) string (7) sum (1) tabchange (1) tabpanel (1) tab key (2) tdd (1) template (1) textarea (2) textfield (1) textitem (1) theme (2) throw (1) timer (1) timestamp (1) title (2) toggle (1) toolbar (6) tools (1) total count (1) transparent (1) tree (1) treenode (1) trigger (1) truncate (1) try (1) ucfirst (1) undefined (2) unique (1) unload (1) urlencode (1) utf8 (2) verzió (1) video (1) viewer (1) viewport (2) visible (2) vtype (1) window (2) xtype (1) zindex (2)

Extjs.blog.hu - RSS

Kérdés?

süti beállítások módosítása