Question

我的网站上有一个表单，用户可以在其中发布任何内容。在他们提交成功消息后，便会显示成功消息，我想在页面顶部显示该成功消息，但我不能，因为它在另一个div内，因此只能在该div中显示。

索引

<section id="page-title">

        <?php if ($msgDiv) { echo $msgDiv; } ?> <!-- This is how I display my success or warning alert box -->

        <div class="container" id="container2">
            <div class="row">
                <div class="col-md-12 title togglePanel">
                    <div class="row">

警报框的PHP：

$stmt->execute();
                    $msgDiv = alertBox($confPosted,"", "success");
                    // Clear the Form of values
                    $_POST['firstName'] = $_POST['confessText'] = $_POST['answer'] = '';
                    $stmt->close();
                }
            } else {
                $msgDiv = alertBox($captchaErrorMsg, "<i class='fa fa-warning'></i>", "warning");
                $toggleOpen = ' in';
            }
        }
    }

其余的代码很大，但是我无法在页面顶部显示它，因为它位于页面标题（窗体部分）的内部，如果放在外面，它甚至不会显示。因此，我希望提交表单后显示的成功消息显示在页面顶部而不是该div内部。这是需要用JavaScript完成的事情吗？

Answer 1

如果直接在正文中添加消息div
<body> <div class='message'> This is the message </div> ... </body>

并添加样式

`.class {
    position: absolute;
    top: 0;
    left: 0;
}`

，然后添加一个应该触发显示属性的事件。

如何在div内部显示成功消息的顶部

1 个答案: