線上書籍

一、基本語法

<script src='jquery-1.4.2.min.js' type='text/javascript'></script>
<script src='jquery.jeditable.js' type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function() {
  //欄位設定
});
</script>

二、欄位設定

$('.name').editable('save.php', {
  indicator : '<img src=\"indicator.gif\">',
  type   : 'text',
  submit : '儲存'
});

三、欄位設定選項

1.method：傳輸方法，可用post或put
2.callback：指定送出資料後要執行的函數
3.name：設定欄位name名稱
4.id：設定欄位id名稱
5.submitdata：額外要送出的資料
6.type：欄位類型，可用text、textarea、select
7.rows：textarea的列高
8.cols：textarea的欄寬
9.height：欄位高度，其值可為：auto、none或指定高度（單位為px）
10.width：欄位寬度，其值可為：auto、none或指定寬度（單位為px）
11.loadurl：在欄位中載入指定連結之內容
12.loadtype：載入連結之請求類型，可為GET或POST
13.loadtext：載入額外資料時要呈現的文字
14.loaddata：擷取編輯內容前要傳送的額外參數
15.data：預設值
16.indicator：儲存時的顯示內容，可用HTML
17.tooltip：提示說明
18.event：jquery事件，如：click或dblclick
19.submit：送出的按鈕文字
20.cancel：取消的按鈕文字
21.cssclass：要套用的class名稱，是套到該元件的上一層。
22.style：直接指定style樣式，是套到該元件的上一層。
23.select：true 或 false，當選擇文字被標記時
24.placeholder：空值時，要呈線的內容
25.onblur：該元件不在焦點上時，要進行的動作：cancel、submit、ignore或function

四、儲存設定

1.送出後，會得到 $_POST['id'] 即欄位的name，$_POST['value'] 則為欄位值。

五、換行呈現

1.請在style加上white-space:pre-wrap;