id vs. variable

2012.06.11. 19:15 stack

<!DOCTYPE html>
<html>
      <head>
            <title>Hello!</title>
      </head>
      <body>
            <div id="hello"></div>
            <script type="text/javascript"><!--
                  alert(hello);
            --></script>
      </body>
</html>

Firefox-on kívül mindegyik böngésző azt mondja, hogy ez egy HTML elem.

Szólj hozzá!

Címkék: fun firefox id

php.toJSON

2012.06.08. 10:23 stack

Nekem ez már régóta hiányzott! PHP 5.4-ben van végre toJSON! :)

class B implements JsonSerializable {
    private $name;
    public function __construct ($name) {
        $this->name = $name;
    }
    public function jsonSerialize () {
        return get_object_vars($this);
    }
}
$b = new B('Béla');
echo json_encode($b); // {"name":"B\u00e9la"}

Szólj hozzá!

Címkék: php json

Régi verziók

2012.05.25. 07:51 stack

Elő kellett keresnem az egyik régi verziót az ExtJS-ből, a sencha.com főoldaláról kiindulva csak a 3.4-ig jutottam, de szerencsére (Google segítséggel) megtaláltam tömörítve a régi verziókat:

dev.sencha.com/deploy/ext-1.0.1.zip (az 1.0-át nem találtam)
dev.sencha.com/deploy/ext-2.0.2.zip (az utolsó lgpl licenc)
dev.sencha.com/deploy/ext-2.3.0.zip (az utolsó 2.x)
...

Lehet nosztalgiázni! :)

Szólj hozzá!

Címkék: verzió

Témák II.

2012.05.21. 08:15 stack

Előző bejegyzésben odáig jutottunk, hogy az elkészült CSS fájlban az összes szín a megadott alapszín szerint változott. Hátra vannak még a képek: a hivatkozások rendbetétele, régi IE esetén háttérképekkel helyettesítjük a CSS3 hiányosságokat, végül át kell színezni még néhány ikont...

Szólj hozzá!

Címkék: css theme

Témák I.

2012.05.19. 12:38 stack

Eddig nem sokat foglalkoztam témák készítésével, úgy döntöttem rászánok néhány órát és megvizsgálom a lehetőségeket. Inspirálónak egy slideshow: Theming and Sass, illetve a Sencha telepítési útmutatója: Learn: Theming

Szólj hozzá!

Címkék: css theme

br2nl()

2012.05.16. 19:08 stack

Néha ez az irány is szükséges:

Ext.util.Format.br2nl = function (v) {
    return Ext.isEmpty(v) ? '' : v.replace(/<br\s*\/?>/gi, '\n');
};

Szólj hozzá!

Címkék: string

Unknown xtype

2012.05.15. 08:01 stack

Hasznos, ha hibás xtype esetén nem egyszerű index hibát kapunk, hanem a hibát megmagyarázó üzenetet:

Ext.create = Ext.ComponentMgr.create = function (config, defaultType) {
    if (config.render) {
        return config;
    }
    var xtype = config.xtype || defaultType;
    if (!Ext.ComponentMgr.types[xtype]) {
        throw 'Unknown xtype: ' + xtype;
    }
    return new Ext.ComponentMgr.types[xtype](config);
};

Szerencsére ExtJS4 esetén ezzel már nincsen gond, az ext-all-dev.js számtalan hasonló ellenőrzést tartalmaz.

Szólj hozzá!

Címkék: error override xtype

window.onerror vs. HTML Tidy

2012.05.13. 09:05 stack

Észrevettem, hogy az elmúlt időszakban Firefox-om alatt a window.onerror függvény nem fut le. (illetve a lekezeletlen kivételek eltűntek.) Először azt hittem, hogy valamit a kódban rontottam el, majd miután jobb ötletem nem volt, elkezdtem kikapcsolgatni a kiterjesztéseket... és lám... a HTML Validator kikapcsolása után ismét megjelentek az értesítések a lekezeletlen hibákról.

Szólj hozzá!

Címkék: firefox error napi szívás

HtmlEditor.contentsCss

2012.05.03. 20:00 stack

Nem vagyok meggyőződve, hogy az ExtJS beépített HTML editorra a témában a legjobb választás lenne. Ám legtöbb esetben úgyis csak arra van szükségünk, hogy egyszerű szövegmódosításokat végezhessünk vagy átkapcsolhassunk forrás nézetbe és ott szerkeszthessünk, erre meg maximálisan megfelel.

Egyedül az hiányzik, hogy nem adhatok hozzá külön CSS fájlokat, vagyis adhatok, de ehhez felül kell írni a getDocMarkup függvényt:

{
    xtype: 'htmleditor',
    fieldLabel: 'Leírás',
    name: 'description',
    getDocMarkup: function () {
        return '<html><head><link type="text/css" rel="stylesheet" href="css/style.css" /></head><body class="html-editor"></body></html>';
    }
}

Az eredeti függvényben a body style-nak adtak értéket, de én ezt megadom inkább body.html-editor kezdetű szabályokkal a hozzáadott CSS fájlban.

Szólj hozzá!

Címkék: css htmleditor

CSS Lint

2012.03.19. 08:19 stack

Nemrég eljátszottam egy kicsit a CSS Lint parancssoros meghívásával. Hasznos eszköz, így mindenkinek bátran ajánlom! Két szépséghiba volt csupán. Az első, hogy a szabályoknál nem lehet használni feketelistát, azaz ha van 30 szabály, és abból nekem csupán 1 nem kell, akkor kénytelen vagyok 29-et felsorolni.

Szólj hozzá!

Címkék: css lint

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?