Я пытаюсь создать переход между моей страницей входа и главной страницей сайта. Тем не менее, я заканчиваю тем, что исчезаю на главной странице при каждом вызове на сайте. Я понимаю, почему, но я не могу понять, как я могу установить эффект только при вызове главной страницы после экрана входа в систему.
<head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <script> $("body").hide(); $("body").fadeIn(10000); </script> <div> Hello World!</div> </body> </html>
Я пытаюсь создать переход между моей страницей входа и главной страницей сайта. Тем не менее, я заканчиваю тем, что исчезаю на главной странице при каждом вызове на сайте. Я понимаю, почему, но я не могу понять, как настроить эффект только при вызове главной страницы после экрана входа в систему.
Главная страница:
<head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <script> $("body").hide(); $("body").fadeIn(1000); </script> <div> Hello World!</div> </body> </html>
Страница входа:
<!DOCTYPE html> <html lang="de"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <div class="btn float-right login_btn" id="loginbutton">Login</div> <script type="text/javascript"> document.getElementById("loginbutton").onclick = function () { location.href = "./pages/mainpage.html"; }; </script> </body> </html>
<script type="text/javascript"> $(document).ready(function () { if(document.referrer == "http://localhost:65434/Home/Login") { $("body").hide(); $("body").fadeIn(1000); } }); </script>