這個範例用來將留言板的討論狀態，能夠做個開關快速的切換
可以增加人性化頁面的操作。
1. html碼：
<div class="Auth" style="cursor:pointer" id="Auth_{id}">{Auth}</div>
2. Javascript：
<script src="js/jquery.jeditable.mini.js" type="text/javascript"></script>
01 |
$(document).ready(function() { |
02 |
$(".Auth").editable("jquery_gbsave.php", { |
03 |
data : " {'Y':'顯示','N':'隱藏', 'selected':'Y'}", |
05 |
indicator:"<I src="images/loading.gif" mg="">", |
08 |
tooltip: '滑鼠點此可編輯...', |
10 |
style : 'vertical-align:middle;display: inline; font-size:12px;', |
11 |
callback : function(value, settings) { |
13 |
arr=this.id.split('_'); |
18 |
$('#Auth_'+arr[1]).html(rtn); |
3.php:
<?
include_once("../includes/sql.php");
$id = $_POST['id'];
$value = $_POST['value'];
list($field, $id) = explode('_', $id);
//mysql query
$sql ="UPDATE ".$prefix."guestbook SET private='$value' WHERE id='$id'";
$db->db_Query($sql);
//將值傳回前端
echo $value;
?>
網頁設計 -->找網站銀行
|
