đọc xong nhớ like hoặc coment cho nó có phấn khởi post bài :v
demo
bỏ cái này vào javascrip
END test thử xem nào :v :>
demo
bỏ cái này vào javascrip
- Code:
$(document).ready(function(){
$('a[href*="mode=delete"]').bind('click', function(){
$('#popup_delete').remove();
link = $(this).attr('href');
$(this).parents('.post-options').before('<div id="popup_delete" class="popup_delete"><div class="popup_delete_Inner"><h3>Thông Báo</h3>
<div class="Box_delete">
<div class="Box_container">
<div class="delete_center">
<p>Bạn thực sự muốn xoá nó ?</p>
</div>
</div>
</div></div><div class="popup_delete_Close"><img src="http://i.imgur.com/2yEMlrZ.png" alt="x"></div></div>');
$.get(link, function(e){
var input = $('.frm-form dd', e).html();
var form = '<form action="/post" method="post" class="frm-form">' + input + '</form></div>';
$('.delete_center p').after(''+ form +'');
});
$('img[alt="x"]').click(function() {
$('#popup_delete').remove();
});
return false;
});
});
- Code:
.popup_delete {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
z-index: 999;
bottom: 5px;
right: 5px;
position: fixed;
}
.popup_delete_Inner {
background: white;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
width: 350px;
max-height: 642px;
}
.popup_delete_Inner h3 {
background: -moz-linear-gradient(#444,#000);
background-color: #000;
background-image: -webkit-linear-gradient(#444,#000);
text-align: left;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.Box_delete {
background: #f0f0f0;
padding: 9px;
}
.Box_container {
background: #fdfdfd;
border: 1px solid #dcdcdc;
}
.delete_center {
padding: 9px;
text-align: center;
}
.delete_center p {
margin-bottom: 5px;
}
.popup_delete_Close {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
END test thử xem nào :v :>