辦公室、工廠專業搬遷
規劃完整搬遷流程動線，不加價，收費合理！		室內設計師提供壁癌防治、防水抓漏，全程使用A級防水材
改建工程，免付費諮詢

首頁  •  j2h 論壇 • 程式設計討論     • 

[JQuery] PHP+jQuery+ajax快速更新頁面(即地編輯)

房東：黑仔
發表時間：2011-05-07


這個範例用來將留言板的討論狀態，能夠做個開關快速的切換


可以增加人性化頁面的操作。


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>




view source


























print?











01 $(document).ready(function() {   










02             $(".Auth").editable("jquery_gbsave.php", {










03                     data   : " {'Y':'顯示','N':'隱藏', 'selected':'Y'}",










04                     type: "select",










05                     indicator:"<I src="images/loading.gif" mg="">", 










06                     cancel: '取消',   










07                     submit: '修改',  










08                     tooltip: '滑鼠點此可編輯...',   










09                     width: "50px",










10                     style   : 'vertical-align:middle;display: inline; font-size:12px;',










11                     callback : function(value, settings) {










12                             v=value.split('_');










13                             arr=this.id.split('_');










14                             if (v[0]=='Y')










15                                 rtn='顯示';










16                             else










17                                 rtn='隱藏';










18                             $('#Auth_'+arr[1]).html(rtn);










19                     }










20             });  










21     });</I>




 


 


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; 

 

?>

網頁設計 -->找網站銀行


  • 贊助網站       

    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務
    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊，房屋、店面熱門精選物件，廣利不動產 優質仲介，房屋租賃、買賣資訊透明，交易真安心！


    • 　共 0 人回應

    姓名：
    佈告內容：
    其他選項: