Question

尝试使用modal创建通知窗口，通知用户该记录已成功创建。想法是在查询结束时将会话确认设置为是，并且在返回到表单页面时，模式将弹出固定的时间量，即2秒，通知用户记录成功添加到表中。

我一直在玩w3教程但没有运气，最大的努力是试图了解如何在页面加载时自动调用模态。这种模式是完美的，但我不确定如何摆脱按钮并自动加载＆amp;关闭计时器。

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal_sm&stacked=h

在IF声明中。 php页面上的代码，以下面的模式为特色：

<?php
    $confirmation = strip_tags($_SESSION['confirm']);
    if ($confirmation == 'yes') {
        echo '<div id="confirm_msg">';
        echo 'Record has been successfully created.';
        $_SESSION["confirm"] = 'No';
        echo '</div>';
    }
?>

理想情况下，id喜欢将#confirm_msg与自动模态交换，并在几秒后关闭。

Answer 1

我认为你可以将你的模态设置为在你的正文页面的同一时间加载，这意味着每当你运行该页面时，它将打开一个开放的模态，请点击此链接How to make modal dialog open at page load in bootstrap

然后您可以设置一段时间，您希望加载模态How to automatically close Bootstrap 3 modal after time period

关闭时将其指向您想要的位置

Answer 2

要显示模态表单，只有当用户从mysql update qry页面返回时才会显示。会话确认=是。没有实现自动定时器。但模态效果很好。

<?php
$confirmation = strip_tags($_SESSION['confirm']);
if ($confirmation == 'yes') { ?>
<script>
    $(document).ready(function(){
    $('#myModal').modal('show')
    });
</script>
<div class="container">
    <div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Notification</h4>
                </div>
                <div class="modal-body">
                    <p>The record has been created successfully.</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div>

记录插入后，重新加载表单页面＆amp;自动显示带自动计时器的模态弹出窗口

2 个答案: