標籤： jQuery
用jQuery.formError取代alert( )
jQuery.formError是個很簡單、很容易整合的jQuery外掛，如果原有程式有一堆表單檢核的alert( )，可以使用jQuery.formError幾乎無痛轉換的改寫成較佳的使用者介面。
Ajax的跨網域處理－使用jQuery與JSP
Ajax的操作通常是針對本身的主機在處理，例如：
- 瀏覽中的網址：http://ap1.com/index.jsp
- 則Ajax只能對ap1.com操作，如
$.post("http://ap1.com/post_test.jsp", oParams, callback);
[jQuery] 動態建立元素的事件觸發
我們有個舊專案使用早期的jQuery 1.2，剛巧新增功能的動態建立新元素讓原有的事件無法被觸發，測試後才知道「既有元素」的事件程式無法套用給「未來動態建立的元素」，在jQuery 1.7後使用 .on() 就能有效處理既有與未來元素的事件操作了。
jQuery DataTables範例1：啟始設定
DataTables的啟始相當簡單，只要呼叫dataTable方法就可以，真正複雜的是傳入的選項參數。
// 指定ID為TBL的元素執行dataTable方法，並傳入參數_oTableOptions(JSON格式).
oTable = $("#TBL").dataTable(_oTableOptions);
選項參數的完整列表請參考Usage Features與Usage Options，在仔細觀看這些參數項目前，最好先了解一下DataTables各個識別字使用的慣用命名規則：
FixedHeader.js：將網頁表格標題列固定住的程式
這兩個月因為新專案的關係，以jQuery為基底，使用了下列外掛打造全新的網頁系統：
第4個jqGrid範例: 資料列處理
jqGrid Method的執行方法語法是：
$("#grid_id").jqGrid('方法', 參數 [,參數...]);
部份常用方法列表如下：
| 方法 | 說明 |
|---|---|
| getRowData | 取得列物件 |
| delRowData | 刪除指定的資料列 |
| setRowData | 修改指定的資料列 |
| setSelection | 切換指定的列為勾選或不勾選 |
| addRowData | 新增一筆資料列到最後 |
| sortGrid | 對Grid資料做排序處理 |
| reloadGrid | 重新讀資料到Grid |
第3個jqGrid範例: XML與XML STRING格式
如果將datatype設定為XML或XMLSTRING時，就能使用XML格式當做資料來源。XML資料儲放在程式外部時使用”XML”，要使用內嵌於程式裡時則使用”XMLSTRING”。
第2個jqGrid範例：增加額外選項設定
本篇列出幾個常用的jqGrid options的設定，比對畫面與表格即能快速的理解這些設定的功用。
| options參數 | 說明 |
|---|---|
| pager | 設定jqGrid的頁面瀏覽面板的id，必須有<div id=”pager”>標籤，預設顯示在表格底部 |
| caption | Grid的標題，若不指定或設定成空字串，標題列就會消失 |
| hidegrid | 設定成false讓右上角的顯示/隱藏按鈕消失 |
| rownumbers | 設定成true在每列開頭顯示記錄編號 |
| rowList | 顯示每頁顯示幾筆記錄的陣列 |
| viewrecords | 是否顯示目前記錄編號與總筆數 |
| altRows | 設定成true以形成奇、偶數列不同樣式(俗稱斑馬線)。樣式以預設值altclass設定 |
第一個jqGrid範例：Local array
jqGrid是一個jQuery的擴充外掛，透過它能很快速的撰寫資料Grid展示處理。目前正在評估是否將jqGrid整合到專案裡，因此這幾天做了一些測試，趁記憶猶新趕緊記錄下來。
首先由http://www.trirand.com/blog/?page_id=6下載jqGrid最新的示範壓縮檔jqgrid_demo36.zip，再將檔案解壓縮到測試用的Webapp裡。
jqGrid的資料區塊要存放在一個<table>裡，頁面導覽面板(Navigation Pager)則使用一個<div>，因此要顯示jqGrid的資料只要有下列兩組標籤，在執行jQuery("#grid_id").jqGrid()後，jqGrid就會自動設置這兩個標籤並填入資料：
使用TiddlyWiki彙總部落格文章的方法與心得
隨著發表在部落格的文章篇數越來越多，勢必要有一套系統化的程序與方法來組織與記錄這眾多的文章，但為這個小需求寫個資料管理系統似乎又太過頭，因為最近這四、五個月的文章都記錄在TiddlyWiki裡，因此今天就透過TiddlyWiki來做整理，最後完成的狀況還算不錯，特別在此公佈，或許對讀者們也能有些許幫助。
jQuery TreeView插件IE異常解決方法
為了在網頁裡以樹狀方式讓使用者選取，於是使用了jQuery的TreeView插件，沒想到運行在IE展開節點時有一塊區域會隨機性清空，但在FireFox裡卻又正常。癥狀如下：
jQuery在Xuite的測試
jQuery in Xuite
- Xuite可以貼JavaScript與CSS Style，但不能修改，修改儲存後部份符號會被轉換，導致無法執行。
- 因此，每次都把修改後的程式重新貼入再儲存就可以了。
(閱讀全文...)
jQuery神奇的選擇器(Selector)
就像正規運算式(Regular Expression)的Pattern match一般，jQuery使用了CSS(Cascading Style Sheet)、XPath(XML Path Language)與自訂等三大類的選擇器(Selector)當做$( )函數的參數，讓我們由複雜多樣的DOM結構裡，快速的找出符合樣式的要素。
Sorry, 很久沒用Google sc…