ExJS所提示的HtmlEditor非常簡單,一般來說算夠用了,不過還是有很多狀況無法適用,所幸ExtJS可利用擴充的方式來使用其它的WYSIWYG編輯器,TinyMCE是個很好的選擇,FCKEditor也不錯,現在重新被制作改名成CKEditor,以下的範例是使用CKEditor來砍進ExJS當成它的HtmlEditor。
標籤: source
[ExtJS]TaiwanZipCode台灣郵遞區號外掛
TaiwanZipCode郵遞區號的作法大同小異,比較常用的像是台灣郵遞區號外掛 / Taiwan Zip Code Plugin of jQuery就很簡單也很好用,可控制性也很高。
Taiwan ZipCode作法其實不難,只是因應各種不同framework可能有所調整,主要都是由二個ComboBox組成,當選取縣市別後,會取得鄉鎮別,觸發點只有一個。
執行畫面如下
[ExtJS]範例Accordion layout的使用與配置
在ExtJS裡Accordion常用在Menu選單上來區分各大區塊的主要大分類選單,加上Tree的應用就可以顯示出相當豐富的選單內容了,樣式大概如下圖。
ExtJS的Tree的應用可以參考以篇[ExtJS]範例Tree元件的使用Ext.tree.TreePanel,底下範例也會用這些Tree狀資料資料來建構這個範例。結果畫面如下圖:
[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等待
當網頁載入完成時,可以看到並沒有正真載入廣告