如何在提交后创建一个jQuery模式对话框弹出确认框?

时间:2009-12-15 17:02:12

标签: php jquery mysql

我目前正在编辑和删除公司数据库的页面。

edit.php

我正在尝试让PHP检查表单是否已成功提交(它自动POST),一旦完成此检查,它将呈现一个jquery模式框,通知用户表单已成功编辑。< / p>

delete.php

这个页面真的有必要吗?我可以很容易地使用DreamWeaver程序进行设置,但是为了删除一个简单的记录而必须渲染一个新页面似乎很费力。

顶部导航栏上有一个链接,显示标记为“删除”的每条记录。理想情况下,我希望在单击此项时再渲染另一个jQuery模式框以确认用户是否确实要删除该记录。

如果单击“是”,则会显示另一条消息,告知用户该记录已被删除。然后,用户将被重定向到另一个页面。

如果单击“否”,则对话框将关闭。

我正在努力目前在代码中写这个。我正在考虑使用Facebox插件来渲染模态框,但在其他地方我可以开始挖掘以找到有关如何构建Facebox基本功能的更多信息。

1 个答案:

答案 0 :(得分:1)

我建议使用具有对话框实现的jQuery UI。该页面上的代码有各种示例,包括可以在编辑页面中正常工作的示例

然后删除一条记录你可以有一个jquery对话框,如果用户按下Ok,使用jQuery ajax函数将所需的详细信息发布到delete.php,然后执行删除。 jquery方面看起来像:

$(function() {
    $("#dialog").dialog({
        bgiframe: true,
        resizable: false,
        height:140,
        modal: true,
        overlay: {
            backgroundColor: '#000',
            opacity: 0.5
        },
        buttons: {
            'Delete this item': function() {
                                    //ajax request here

                $(this).dialog('close');
            },
            Cancel: function() {
                $(this).dialog('close');
            }
        }
    });
});
相关问题