欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery 漂亮的刪除確認(rèn)和提交無(wú)刷新刪除示例

 更新時(shí)間：2013年11月13日 16:33:54   作者：  
jquery 漂亮的刪除確認(rèn)和提交無(wú)刷新刪除,本例數(shù)據(jù)庫(kù)結(jié)構(gòu)很簡(jiǎn)單，就一個(gè)字段就行了，具體的實(shí)現(xiàn)代碼如下，感興趣的朋友可以參考下
本例數(shù)據(jù)庫(kù)結(jié)構(gòu)很簡(jiǎn)單，就一個(gè)字段就行了
 
jquery.confirm.js
復(fù)制代碼 代碼如下:

(function($){
$.confirm = function(params){
if($('#confirmOverlay').length){
// A confirm is already shown on the page:
return false;
}
var buttonHTML = '';
$.each(params.buttons,function(name,obj){
// Generating the markup for the buttons:
buttonHTML += '<a href="#" class="button '+obj['class']+'">'+name+'<span></span></a>';
if(!obj.action){
obj.action = function(){};
}
});
var markup = [
'<div id="confirmOverlay">',
'<div id="confirmBox">',
'<h1>',params.title,'</h1>',
'<p>',params.message,'</p>',
'<div id="confirmButtons">',
buttonHTML,
'</div></div></div>'
].join('');
$(markup).hide().appendTo('body').fadeIn();
var buttons = $('#confirmBox .button'),
i = 0;
$.each(params.buttons,function(name,obj){
buttons.eq(i++).click(function(){
// Calling the action attribute when a
// click occurs, and hiding the confirm.
obj.action();
$.confirm.hide();
return false;
});
});
}
$.confirm.hide = function(){
$('#confirmOverlay').fadeOut(function(){
$(this).remove();
});
}
})(jQuery);

PHP Code
復(fù)制代碼 代碼如下:

<div id="page">
<?php
require "conn.php";
$sql="select * from `add_delete_record` where id>0";
$rs=mysql_query($sql);
if ($row = mysql_fetch_array($rs))
{
do {
?>
<div class="item">
<a href="#" >
<?php echo $row['text']?>
</a>
<div class="delete" id="<?php echo $row['id']?>"></div>
</div>
<?php
}
while ($row = mysql_fetch_array($rs));
}?>
</div>

JavaScript Code
復(fù)制代碼 代碼如下:

$(document).ready(function(){
$('.item .delete').click(function(){
var elem = $(this).closest('.item');
var id=$(this).attr('id');
$.confirm({
'title' : '刪除該記錄?',
'message' : '您確認(rèn)刪除該記錄? <br />刪除后無(wú)法恢復(fù)記錄.',
'buttons' : {
'Yes' : {
'class' : 'blue',
'action': function(){$.ajax({
type: 'GET',
url: 'del.php',
data: 'id='+id,
});
elem.slideUp();
}
},
'No' : {
'class' : 'gray',
'action': function(){} // Nothing to do in this case. You can as well omit the action property.
}
}
});
});
});

del.php
復(fù)制代碼 代碼如下:

<?php
require "conn.php";
$id=$_GET['id'];
$delete_small_sql = "delete from add_delete_record where id='$id'";
$result_small = mysql_query($delete_small_sql);
?>

相關(guān)文章

最新評(píng)論