确认删除?
问题描述:
我有这个mootools代码,点击一个按钮删除记录,现在我想要当用户单击删除按钮确认对话框弹出问我是否确定我想删除记录的答案是和不。 ..这里是我的代码...如果用户回答是继续这个请求,如果他回答没有不继续,这将是很大,如果我有另一条消息说,他点击后是删除记录是...确认删除?
<script>
window.addEvent('domready',function() {
$$('a.delete').each(function(el) {
el.addEvent('click',function(e) {
e.stop();
var parent = el.getParent('div');
var request = new Request({
url: '/delete.php',
link: 'chain',
method: 'get',
data: {
'delete': parent.get('id').replace('record-',''),
ajax: 1
},
onRequest: function() {
new Fx.Tween(parent,{
duration:300
}).start('background-color', '#fb6c6c');
},
onSuccess: function() {
new Fx.Slide(parent,{
duration:300,
onComplete: function() {
parent.dispose();
}
}).slideOut();
}
}).send();
});
});
});
</script>
答
这很简单。
if (confirm('message')){
// code when yes
}
else {
// code when no
}
因此。
$$('a.delete').each(function (el) {
el.addEvent('click', function (e) {
e.stop();
var parent = el.getParent('div');
if (confirm('are you sure you want to delete this?')) {
new Request({
url: '/delete.php',
link: 'chain',
method: 'get',
data: {
'delete': parent.get('id').replace('record-', ''),
ajax: 1
},
onRequest: function() {
new Fx.Tween(parent, {
duration: 300
}).start('background-color', '#fb6c6c');
},
onSuccess: function() {
new Fx.Slide(parent, {
duration: 300,
onComplete: function() {
parent.dispose();
}
}).slideOut();
}
}).send();
} // confirm
});
});