这就是我想要做的。每当管理员成功发布新闻时,我希望 div 成功警报弹出并在 3 秒后消失。我想把它放在文本“添加新闻”之后,如图所示。有人可以告诉我如何执行此操作吗?
这是我添加新闻的 php 代码。
<?php
include_once('connection.php');
session_start();
$username = ucfirst($_SESSION['username']);
if(isset($_POST['submit'])){
$title = $_POST['title'];
$date = $_POST['date'];
$content = $_POST['content'];
$file=$_FILES['image']['tmp_name'];
$image= @addslashes(file_get_contents($_FILES['image']['tmp_name']));
$image_name= addslashes($_FILES['image']['name']);
move_uploaded_file($_FILES["image"]["tmp_name"],"img/" . $_FILES["image"]["name"]);
$newsimage="img/" . $_FILES["image"]["name"];
$sql ="INSERT into news (news_title, news_date, news_content, news_image) VALUES ('$title', '$date', '$content', '$newsimage')";
mysqli_query($con, $sql);
}
?>
这是我的表单,其中有警告框。
<div id="page-wrapper">
<div class="container-fluid">
<a class='btn btn-info' href ="news.php" style="margin-bottom:25px; float:right;" ><span class="glyphicon glyphicon-search"></span> View all news</a>
<form method="post" action ="addnews.php" enctype="multipart/form-data">
<h4>Add News</h4>
<div class="alert alert-success" id="success-alert">
<strong>Successfully posted!</strong>
</div>
<div class="form-group">
<label for="title">News Title</label>
<input type="text" name="title" class="form-control title" id="title" placeholder="News Title" required >
</div>
<div class="form-group">
<label for="title">Date</label>
<input type="text" name="date" class="form-control date" id="date" placeholder="Date" required >
</div>
<div class="form-group">
<label for="content">News Content</label>
<textarea class="form-control content" name="content" rows="5" id="content" required></textarea>
</div>
<img id="blah" src="" alt="image here" width="200px" height="140px"/>
<input id="image" name="image" class="fileupload" type="file" accept="image/*"/>
<button type="submit" name="submit" id="postnews" class='btn btn-info '>Post news</button>
</form>
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
最佳答案
您可以通过 Php session 在表单提交时显示警告框,例如:
<?php
if(isset($_SESSION['form_submit'])) {
echo '<div class="alert alert-success alert-dismissable" id="success-alert">';
echo '<strong>Successfully posted!</strong>';
echo '</div>';
unset($_SESSION['form_submit']);
}
?>
您已在表单提交时设置此 session 变量:- $_SESSION['form_submit']=true
要自动隐藏此警告框,您可以使用此 javascript 代码
$(".alert-dismissable").fadeTo(2000, 500).slideUp(500, function(){
$(".alert-dismissable").alert('close');
});
关于javascript - 成功发布新闻后显示 Bootstrap 警告框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38341155/