我们已经构建了这个在线原型,它在我们的本地环境中运行得非常完美,但是在线移动之后,一些按钮和一个表都无法正常工作。按钮是所有按钮,具有仅显示例如的条件。用户已登录或具有某种用户类型(在本例中为导师)。该表未显示搜索结果。
可以注册用户并登录,但在输入子页面时,只有注销,搜索按钮和徽标正在响应。我们可以看到用户正在保存在我们的数据库中。
任何人都可以暗示我们做错了什么吗?我在下面显示了其中一个按钮代码。
HTML:
<ul>
<li><a class="modal-button modal-button-user" data-modal="modalEditUser"><i class="far fa-user"></i> Hello <?php echo $_SESSION["firstName"];?>!</a></li>
<li>
<form action='_home.php' method='post'><button class="logout_button" type="submit" name="logOutBtn" id="logOutBtn">Log Out</button></form>
</li>
</ul>
JS:
var modalBtns = [...document.querySelectorAll(".modal-button")];
modalBtns.forEach(function(btn){
btn.onclick = function() {
var modal = btn.getAttribute('data-modal');
document.getElementById(modal).style.display = "block"
}
});
var modalBtnsTutor = [...document.querySelectorAll(".modal-button-tutor")];
modalBtnsTutor.forEach(function(btn){
btn.onclick = function() {
var modal = btn.getAttribute('data-modal');
document.getElementById(modal).style.display = "block"
}
});
var closeBtns = [...document.querySelectorAll(".close")];
closeBtns.forEach(function(btn){
btn.onclick = function() {
var modal = btn.closest('.modal');
modal.style.display = "none";
}
});
window.onclick = function(event) {
if (event.target.className === "modal") {
event.target.style.display = "none";
}
}
PHP:
<?php
require 'config.php';
//try to make logout/login/welcomeMessage appear/disappear whether you're
logged in or not
if (isset($_SESSION["userID"])) {
echo "<script>
window.onload = function() {
document.getElementById('navUser').style.display = 'block';};
</script>";
$go = "home.php";
} else {
echo "<script>
window.onload = function() {
document.getElementById('navVisit').style.display = 'block';};
</script>";
$go = "index.php";
}
?>