确认删除?

时间:2013-02-18 15:23:06

标签: ajax mootools

我有这个mootools代码,点击一个按钮删除记录,现在我想当用户点击删除按钮弹出确认对话框询问我确定我要删除记录的答案是和否...这是我的代码...如果用户回答是,继续这个请求,如果他回答不,不继续,如果我有另一条消息说该记录在他点击了之后被删除了,那也将是很好的... < / p>

<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>

1 个答案:

答案 0 :(得分:1)

这很简单。

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
    });
});