:::

15. 點擊編輯

一、基本語法

<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;


:::

搜尋


書籍目錄

展開 | 闔起

線上使用者

19人線上 (7人在瀏覽線上書籍)

會員: 3

訪客: 16

eaouyuan_goo, leebuyer_goo, person100_goo,

更多…