Run Javascript only when comming from specific link

Question

I have this Javscript fade effect when opening the page, for example admin.php.

<body>
<script>
    document.body.className = 'fade';
</script>

...html code...

<script>
  document.addEventListener("DOMContentLoaded", function(e) {
    document.body.className = '';
  });
</script>
</body>

The problem is I can't figure it out how to run this script only when comming from login.php page.

For clarification, it's an effect when opening page it's white and then in about 1sec the page becomes visible, creating fade effect.

If you're using php then you can set a session flag on login.php and then check on admin.php if that flag is set, and if it does, unset it and output that specific JS to the document. You can also check $_SERVER['HTTP_REFERER'] — Alon Eitan
– Alon Eitan, Commented Jun 26, 2019 at 18:22

Sam Creamer · Accepted Answer · 2019-06-27 13:42:16Z

1

Pass along a variable in the query string. For example, link to it with admin.php?coming_from_login=1.

Then in your PHP file:

<?php if (isset($_GET['coming_from_login']) && $_GET['coming_from_login'] == '1'): ?>
<script>
  document.addEventListener("DOMContentLoaded", function(e) {
    document.body.className = '';
  });
</script>
<?php endif; ?>

edited Jun 27, 2019 at 13:42

answered Jun 26, 2019 at 18:23

Sam Creamer

5,38113 gold badges39 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

frobinsonj · Accepted Answer · 2019-06-26 18:25:35Z

1

You can make use of document.referrer:

<body>
    <script>
        const referrerPage = document.referrer.replace(location.origin, ""); // Remove the origin to leave just the page
        if (referrerPage === "/login.php") {
            document.body.className = 'fade';
            document.addEventListener("DOMContentLoaded", function (e) {
                document.body.className = '';
            });
        }
    </script>

    ...html code...
</body>

answered Jun 26, 2019 at 18:25

frobinsonj

1,16710 silver badges22 bronze badges

Collectives™ on Stack Overflow

Run Javascript only when comming from specific link

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related