如何在顶部显示成功消息，而它在内部 div答案

【问题标题】：How to display success message at the top while its in inside div如何在顶部显示成功消息，而它在内部 div
【发布时间】：2018-12-08 01:12:30
【问题描述】：

我的网站上有一个表单，用户可以在其中发布任何内容。他们提交后显示成功消息，我想在页面顶部显示该成功消息，但我不能，因为它在另一个 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">
                <!-- rest of code -->

警告框的 PHP：

/* missed code */
                $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 中完成的事情吗？

【问题讨论】：

标签： javascript php html css ajax

【解决方案1】：

如果直接在正文中添加消息 div

<body>
    <div class='message'> This is the message </div>
    ...
</body>

并添加样式

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

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

【讨论】：

Brate kako？成功 poruka mi je u divu gde je forma i kad ispune formu redirektuje ih opet na istu stranicu i pokazuje 成功 poruku u tom divu, a ja hocu da pokaze cak gore。 Znaci ja imam vec 成功 poruku koja radi samo hocu da je pokazem cak gore。
Jel imas neki kod da pokazes pa cu da ti skrpim nesto preko codepena。 U sustini ako hoces da ti se poruka prikaze na vrhu stranice nije bitno gde se nalazi u html-u dokle god im parent element nema position：绝对的，相对的，固定的。 Ukoliko parent nema ove tagove onda stavis u css-u dodas position: absolute;我是 sam pomeras poruku po stranici gde God hoces。 Kad budes 视频入门 bice ti jasno
Pa brate ne znam sta da stavim kao kod, generalno to je button gde kliknes i slajduje ti da napisesnesto, kad napises redirektuje na pocetnu i samo pokaze success poruku iznad buttona koji je u tom divu gde je我形式我 sve。 pokusao sam sa position absolute ali nece a niko od parenta nema absolute, relative etc...
Pretpostavljam da zelis da se trigeruje kad uspesno submitujes 形式。 Tada treba da trigerujes 事件 koji ce pozvati funkciju recimo messageSuccess()。 Ta funkcija treba da ima samo dodeljivanje klase koja u sebi ima display: block; i setTimeout(someFunction(){ ove ide kod koji ce da ukloni klasu koja je dodeljena }, 3000) 。 setTimout ti omogucava da sklonis tu poruku posle 3000 毫秒（3 秒）。 Sto se tice html/css poruka treba da se nalazi unutar forme ukoliko zelis da se nalazi iznad buttona i mora da u css da ima property display: none; malo je teze bez primea da se objasni
Brate vec se trigeruje poruka, kad posalju poruku stize im success poruka, samo sto se pojavljuje unutar ovog diva i nikako ne mogu da je stavim cak gore na stranici。 Je l'imas mozda neki mejl pa mogu da ti posaljem kod kako izgleda 我喜欢 neke od sajta pa bi verovatno znao o cemu se radi。 U pitanju je samo html css 问题，sto se tice funkcionalnosti sve radi，samo ne mogu da je stavim gde ja hocu。 Hvala na pomoci inace！