Aug21
ExtJs has two well-known layouts called Accordion and Vbox.
Basically, in a vertical list of panels, AccordionLayout manages multiple Panels in an expandable accordion style such that only one Panel can be expanded at any given time. Each Panel has built-in support for expanding and collapsing.
VboxLayout, on the other hand, arranges items vertically down a Container. This layout optionally divides available vertical space between child items containing a numeric flex configuration.
From the need of one of my projects, I came up with a custom hybrid layout between Accordion and Vbox.. continue reading »
Aug5
Z-index bug on IE is a well-known flaw that most of front-end web developers have heard about. It is documented pretty clear on PPK Quirksmode:
http://www.quirksmode.org/…/Explorer_z_index_bug.html
and here
http://therealcrisp.xs4all.nl/../IE-zindexbug.html
Basically here is the break-down of the workaround…
continue reading »
Mar31
Currently, ExtJS 3.1.1 doesn’t support Vertical TabPanel. Here is my simple custom Vertical TabPanel ux class. Currently, it supports the same set of features as Ext.Tabpanel except advanced auto tab-scrolling feature. Default position is “left”.
Tested working on FF3.6, IE7, IE8, Chrome 4, Safari 4, and Opera 10.
You can put the source files in ExtJS Tabs folder to test: ext-3.1.1\examples\tabs\..
Check out the live example here
Download the whole example
Download the extension code only
Extension updated to work with ExtJS 3.1.2
Cheers,
Totti
Feb28
As we all know that in Javascript, the Window object is the global variable that contains attributes of the current opened window. An interesting part is this object also has a property called ‘window‘ which refers to itself. I’m not sure why this special object is implemented that way.
continue reading »
Feb27
Internet Explorer 6, 7 both do NOT support CSS class-chaining as a couple of articles floating around on the internet say. Basically, CSS class-chaining is used to select HTML elements which have multiple CSS classes:
For example:
<!-- single class -->
<div class="cls3">Single</div>
<!-- multiple classes -->
<div class="cls1 cls2 cls3">Multiple</div>
continue reading »
Feb13
One of the reasons quite a number of programmers don’t like Javascript because it’s weird, behaving differently on different browsers.. and hard to debug.. However, it’s quite fun or even addictive to learn JS also for that reason. Below is a brief on two mysterious properties of Javascript functions : length, and arguments.
continue reading »
Feb11
This is a quick solution to disabling browser default context menu when right-clicking in ExtJS.
Ext.getBody().on("contextmenu", Ext.emptyFn, null, {preventDefault: true});
continue reading »
Jan5
John Resig, one of my favorite Javascript experts, recently has just released a site teaching advanced Javascript for intermediate programmers. I myself find this resource very informative. Hope you guys love it too.
http://ejohn.org/apps/learn/
and also the page teaching jQuery at http://ejohn.org/apps/learn-jquery/
You could also find more of his lectures in the upcoming book called Secrets of Javascript Ninja.
Totti
Dec28
This is the first episode in the collection of Great Javascript articles by world’s top-notched Javascript gurus.
Our entry this week was written by Eric Miraglia originally posted on Y!UI Blog.
Global variables are evil. Within YUI, we use only two globals: YAHOO and YAHOO_config. Everthing in YUI makes use of members within the YAHOO object hierarchy or variables that are scoped to such a member. We advise that you exercise similar discipline in your own applications, too.
Douglas Crockford has been teaching a useful singleton pattern for achieving this discipline, and I thought his pattern might be of interest to those of you building on top of YUI. Douglas calls this the “module pattern.” Here’s how it works:
continue reading »
and only costs $4.99. You can purchase at 
. However, I can’t upload the latest ones as ..you know 