配置jquery ui对话框以替换javascript确认 [英] configuring jquery ui dialog to replace javascript confirm

问题描述

$back = mysql_query("SELECT * FROM student WHERE roll_no=".$_POST['roll']) or die(mysql_error());
$backup = mysql_fetch_array($back) or die(mysql_error());
<form method='post'>
    <input type='submit' name='undo' value='Undo' 
        onsubmit="return confirm('Are you sure you want to rollback deletion of 
            <?php echo $backup['name'];?> 
            from 
            <?php echo $backup['post'];?>
            ?')"/>
</form>

我如何用上述参数替换jquery ui对话框中的javascript确认.

how can i replace the javascript confirm with jquery ui dialog with the above arguments.

推荐答案

<form id="submitform" method='post'> ... </form>

   $('<div></div>').appendTo('body')
                        .html("<div><span>Submit form " + document.getElementById('phpcode').innerHTML+"</span></div>")
                        .dialog({
                            modal: true, title: 'Submit form', zIndex: 100, autoOpen: true,
                            width: 'auto', resizable: false,
                            buttons: {
                                Yes: function () {
                                    $("#submitform").submit();
                                    $(this).dialog("close");
                                },
                                No: function () {
                                    $(this).dialog("close");
                                }
                            },
                            close: function (event, ui) {
                                $(this).remove();
                            }
                        });


<div id="phpcode"><?php echo $backup['name'];?> 
            from 
            <?php echo $backup['post'];?>
            ?')"/>
</div>

应该与简单的javascript确认对话框相同.

That should work same as simple javascript confirm dialogue.

这篇关于配置jquery ui对话框以替换javascript确认的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！