在ExtJS裡Accordion常用在Menu選單上來區分各大區塊的主要大分類選單，加上Tree的應用就可以顯示出相當豐富的選單內容了，樣式大概如下圖。
ExtJS的Tree的應用可以參考以篇[ExtJS]範例Tree元件的使用Ext.tree.TreePanel，底下範例也會用這些Tree狀資料資料來建構這個範例。結果畫面如下圖：
分類: javascript
javascript相關
[JavaScript]去除左右空白、左空白、右空白使用正規表示式
JavaScript本身並沒有去除前後空白的功能，所以需要自行延伸功來操作去除空白這個功能，利用正規表示式找到空白取代掉，javascript正規表示式空白是/S，/正規式/g是全部取代。
使用方法是如下：
字串.trim();去除字串的左右空白
字串.lTrim();去除字串的左空白
字串.rTrim();去除字串的右空白
結果如下：
JavaScript、廣告、圖形等延遲載入方法
最近主機一直有問題，排程重啟Service、調整Apache MySQL設定值又換了wordpress cache也都沒用，後來研究了好久判斷可能是Bloggerads載入時太慢所以都卡住了，所以找了個方法讓它的JavaScript延遲載入，在網頁內容都載入後，才開始載入Bloggerads廣告。
原理是利用瀏覽器的特性，當元素被設定不顯示時裡面的圖形、flash內容及javascript等都不會真正的載入，只有在設定顯示時才會開始載入。
測試二種方式：
一種方式是先把需求的script在一開始載入好，需要顯示時才設定顯示，一種是連script都在最尾端（也可以使用onReady等方式）才載入。後一種的效能應該會比較好一點，不過比較麻煩。
這裡會需要使用到FireFox的FireBug使用方法可以參考網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具
第一種方式 一開始就載入好JavaScript等待
當網頁載入完成時，可以看到並沒有正真載入廣告
[ExtJS]範例Tree元件的使用Ext.tree.TreePanel
ExtJS的TreePanel樹是繼承Ext.Panel，所以它可以算是一個Container，不過它也是算是一個ExtJS的Component，給於TreeNode來完成樹狀結果，可以應用在選單或是分類等地方。像是下圖
左邊圖是設定rootVisible : false，而右邊圖是設定rootVisible : true，根結點是否顯示
相關資料
[php]簡單的購物車範例
簡單的購物車範例，不需要操作Session，範例有新增、修改與刪除購物車等，主要是修改 [Class]參考 sCart 建立的購物車 Class，這個範例年代久遠，所以在使用時有發生問題也不知道怎麼處理，所以小修了一下。
程式的概念是有一個產品展示頁面，有加入購物車功能，加入購物車後，可以至下一頁修改數量或刪除產品，修改或刪除產品時總金額也會隨著一起更新，再下一頁就可以看到最後結帳的最終資訊，理論上可以在這裡製作聯絡資料的表單。
產品展示頁面
