Tad 教材網 - 線上書籍

:::

\[991\]PHP網站開發 進階應用技巧2
======================

[![](http://tad0616.net/uploads/dl.gif)](http://120.115.2.76/tad/tad_book3/file/9901/15.zip)

### 一、基本語法

<span style="color: rgb(0, 0, 255);"><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></span>

### 二、欄位設定

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

### 三、欄位設定選項

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;

:::