這個範例用來將留言板的討論狀態,能夠做個開關快速的切換,
可以增加人性化頁面的操作。
這個範例用來將留言板的討論狀態,能夠做個開關快速的切換
可以增加人性化頁面的操作。
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>
$(document).ready(function() {
$(".Auth").editable("jquery_gbsave.php", {
data : " {'Y':'顯示','N':'隱藏', 'selected':'Y'}",
type: "select",
indicator:"",
cancel: '取消',
submit: '修改',
tooltip: '滑鼠點此可編輯...',
width: "50px",
style : 'vertical-align:middle;display: inline; font-size:12px;',
callback : function(value, settings) {
v=value.split('_');
arr=this.id.split('_');
if (v[0]=='Y')
rtn='顯示';
else
rtn='隱藏';
$('#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;
?>