ag-Grid
documentation: https://www.ag-grid.com/documentation-main/documentation.php
THE BEST HTML5 GRID IN THE WORLD（自稱 
）
）- 8月 28 週二 201811:08
[JavaScript] ag-Grid
- 7月 18 週三 201812:47
[jQuery] DataTables
- 8月 22 週三 201222:08
[AJAX] jQuery 的繼承函式：$.extend()、JavaScript 執行函式：eval()
其實這篇文章內容跟 AJAX 沒有關係...（囧）不過之前似乎沒有編輯 JavaScript 的分類，所以就沿用下去吧！（完全題外話）
最近遇到需要結合二個設定的情況，在，在 PHP 時 array 是 key-value 的形式，所以可以使用 array_merge() 結合二個 array；不過在 JavaScript 中 key-value 算是物件。要怎樣結合二個物件呢？後來在網路上蒐尋到 jQuery 就有提供很好用的函式 $.extend()。簡單的使用方式如下：
最近遇到需要結合二個設定的情況，在，在 PHP 時 array 是 key-value 的形式，所以可以使用 array_merge() 結合二個 array；不過在 JavaScript 中 key-value 算是物件。要怎樣結合二個物件呢？後來在網路上蒐尋到 jQuery 就有提供很好用的函式 $.extend()。簡單的使用方式如下：
- 4月 09 週四 200912:05
[AJAX] jQuery的多重下拉式選單應用：Select box manipulation
從本網誌回應數最高的文章得知，大家似乎對多重下拉式選單的功能情有獨鍾啊！Ajax 能夠在不換頁的情況下，達到資料庫連結，是許多人夢寐以求的功能；而 jQuery 易上手與輕鬆操作的特性，讓我們能更簡單的運用 Ajax 達成目的。然而隨著時間的推移，過去介紹的 cascade 已經有很長一段時間沒有更新，而且在使用上其實存在不少綁手綁腳的地方；距離 jQuery 的宗旨「Write Less, Do More」似乎是還差那麼一小段距離...
經由公司的 jQuery 教育訓練，Jace 介紹了一個超讚的 jQuery Plugin：Select box manipulation。透過這個外掛的幫助，可以更輕鬆的實現多重下拉式選單的功能唷，甚至連 cascade 不容易做到的「預設值」也完全沒問題，所需要撰寫的程式碼也少於 cascade，整個就是夢幻的 Plugin！這麼神奇的外掛要怎麼用呢？以下簡單的範例，給有需要的人參考吧：範例是三階層的關聯式多重下拉式選單，分為index.php（呈現頁）、action.php（Ajax 後端資料處理頁）、index.js（JavaScript 處理）、以及 selectboxes首先我們載入 jQuery 以及 selectboxes，同時頁面所需使用的 JavaScript 也利用外部的方式載入：
經由公司的 jQuery 教育訓練，Jace 介紹了一個超讚的 jQuery Plugin：Select box manipulation。透過這個外掛的幫助，可以更輕鬆的實現多重下拉式選單的功能唷，甚至連 cascade 不容易做到的「預設值」也完全沒問題，所需要撰寫的程式碼也少於 cascade，整個就是夢幻的 Plugin！這麼神奇的外掛要怎麼用呢？以下簡單的範例，給有需要的人參考吧：範例是三階層的關聯式多重下拉式選單，分為index.php（呈現頁）、action.php（Ajax 後端資料處理頁）、index.js（JavaScript 處理）、以及 selectboxes首先我們載入 jQuery 以及 selectboxes，同時頁面所需使用的 JavaScript 也利用外部的方式載入：
- 3月 03 週二 200915:14
[AJAX] JavaScript 的 PHP 函數寫法：nl2br()、htmlspecialchars()
PHP 真的是一種非常方便的語言，其支援的龐大函式庫，可以讓人很輕鬆自在的使用許多實用的函數。其中常用的 nl2br() 與 htmlspecialchars() 在 HTML 顯示的時候很常使用，但是 JavaScript 就沒有提供類似方便使用的函數了；因為某些原因要在前端使用這二個函數，稍微 google 了一下馬上發現有前輩已經寫出來囉！在此作個紀錄並分享給有需要的人：（來源：Replace newlines with BR (platform safe)、Javascript 的 htmlspecialchars function 與 htmlspecialchars_decode function，感謝網路上的前輩們^^）
- 9月 03 週三 200810:32
[AJAX] jQuery的多重下拉式選單應用，當有預設值的時候
在多重下拉式選單的應用中，常常也會遇到已經有預設值的時候，這時候該怎麼辦呢？其實前陣子我也遇過這個問題，當初還花了一點時間尋找 jQuery的cascade 是不是有提供參數讓我輕鬆預設；不過拜完 Google 大神之後似乎是沒有什麼線索；所以最後我採用了一個很笨的方法，在頁面讀取完畢時如果有預設值的話，就直接丟一個 Ajax 取得第二層的選項。以下是實作的程式碼：（目前我只實作到二階層）
index.php：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
index.php：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
- 9月 01 週一 200810:23
[AJAX] jQuery 的 lightBox
一般網頁上圖片的展示，很難讓人不聯想到 Lightbox；這個 Prototype 的燈箱特效。無奈現在公司使用的 jQuery 與 Lightbox 犯沖～沒辦法讓基於 Prototype 寫成的這個外掛直接引用。雖然如此，這麼經典的覽圖介面 jQuery 怎麼會放過呢？所以，jQuery lightBox plugin 就因此誕生了！
- 6月 13 週五 200811:02
[AJAX] jQuery的多重下拉式選單應用 PART2
昨天Jace傳授密技！原本 Ajax 回傳值我是用字串硬湊出來的，不過有密技可以用比較簡單易懂的方式呈現回傳資料，那就是PHP的json_encode！它會把陣列資料轉變成 json 的格式（其實原本 jQuery 吃的格式就是 json ），所以就不用辛苦的自己湊字串啦！提供第二種方法囉～修改過的地方用紅色標記：
index.php：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
index.php：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 6月 12 週四 200811:22
[AJAX] jQuery的多重下拉式選單應用
P.S 2009-04-09 update：有更輕鬆簡單的方法，詳見[AJAX] jQuery的多重下拉式選單應用：Select box manipulation
關於Ajax，我想最棒的地方就是可以於背景呼叫資料庫傳值吧～多重下拉式選單就是一項非常棒的Ajax應用；前幾天Jace丟過來一個國外的網址：jQuery.cascade : Cascading values from forms，這篇文章主要是在說明jQuery的cascade，而它就是用來實現多重下拉式選單的功能。
關於Ajax，我想最棒的地方就是可以於背景呼叫資料庫傳值吧～多重下拉式選單就是一項非常棒的Ajax應用；前幾天Jace丟過來一個國外的網址：jQuery.cascade : Cascading values from forms，這篇文章主要是在說明jQuery的cascade，而它就是用來實現多重下拉式選單的功能。
- 4月 11 週五 200811:29
[AJAX] 初探jQuery
因為哇寶在Ajax的應用上是採用jQuery，所以利用時間稍為了解一下。
我以往在處理Ajax時大部分是借用網上的範例JS檔，所以它通常都有一套制式的規範，哪裡要new，哪裡要丟參數，範例上都寫得清清楚楚，只要按部就班，通常都能很快達到我想要的功能。另外一種是土法煉鋼，自己造輪子；先從JS丟參數到php，再由php切我要的參數去跟伺服端Query我要的資料，最後呈現。這二種方式其實好像都不是正統的方式說...在看完jQuery的介紹後更是讓我有這樣的感覺～
網路上其實有很多淺顯易懂的介紹，我是看：國二學生認真打雜的jQuery 學習心得筆記一系列文章稍微接觸jQuery這個Framework的。詳盡且生動有趣的介紹，讓我對jQuery有粗淺的認識！有興趣可以去逛逛～^^
我以往在處理Ajax時大部分是借用網上的範例JS檔，所以它通常都有一套制式的規範，哪裡要new，哪裡要丟參數，範例上都寫得清清楚楚，只要按部就班，通常都能很快達到我想要的功能。另外一種是土法煉鋼，自己造輪子；先從JS丟參數到php，再由php切我要的參數去跟伺服端Query我要的資料，最後呈現。這二種方式其實好像都不是正統的方式說...在看完jQuery的介紹後更是讓我有這樣的感覺～
網路上其實有很多淺顯易懂的介紹，我是看：國二學生認真打雜的jQuery 學習心得筆記一系列文章稍微接觸jQuery這個Framework的。詳盡且生動有趣的介紹，讓我對jQuery有粗淺的認識！有興趣可以去逛逛～^^
