Use PHP to conditionally render a Javascript function call in the browser

Question

I have a button which successfully triggers a "load more" on click. Once it is clicked, a SESSION variable is set, so that when the user reloads the page, the new posts should appear loaded already, so that the user does not need to click again "load more".

I would thus like to render the same "load more" Javascript function in a PHP IF statement, according if a SESSION or COOKIE is set or not:

<?php
if ((isset($_SESSION['isloaded'])) || (isset($_COOKIE['isloaded']))){
echo '<script>loadmore(\'posts\');</script>';
}
else {
echo '<a href="#" onClick="return false" onmousedown="javascript:loadmore(\'posts\');" class="btn btn-primary" id="load-more-btn">Load More</a>';
}
?>

However the Javascript does not get triggered once the page is rendered. What am I doing wrong?

Where in relation to this code snippet is the loadmore function defined? it should be defined before you try to call it. Check the browser console for errors. — user2033671
– user2033671, Commented Apr 5, 2016 at 11:01
Thanks @Austin, it was indeed simply the fact that my Javascript was loaded at the end of the document, and that's why it did not work! — rainerbrunotte
– rainerbrunotte, Commented Apr 5, 2016 at 11:36
Not a duplicate question, only the title is a bit misleading I guess — Pimmol
– Pimmol, Commented Apr 5, 2016 at 11:39

Pimmol · Accepted Answer · 2016-04-05 11:17:59Z

3

As @Austin and @Angry Coder said, check your console for errors.

Also, make sure function loadmore() is defined before it's called. So either place the function declaration above the loadmore('posts'); call or add the call on a onload or something similar.

An other thing, maybe for clearness you can write your code like (but it's an opinion):

<?php  if ((isset($_SESSION['isloaded'])) || (isset($_COOKIE['isloaded']))) { ?>
        <script>loadmore('posts');</script>
<?php } else { ?>
        <a href="#" onClick="return false" onmousedown="javascript:loadmore('posts');" class="btn btn-primary" id="load-more-btn">Load More</a>
 <?php } ?>

answered Apr 5, 2016 at 11:17

Pimmol

1,8911 gold badge10 silver badges14 bronze badges

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

Comments

JimmyB · Accepted Answer · 2016-04-05 11:24:00Z

0

To have your JavaScript run automatically, you can use the onLoad event, like

<body onload="loadmore('posts')">
...
</body>

or maybe

<body onload="conditionally_loadmore('posts')">
<?php
if ((isset($_SESSION['isloaded'])) || (isset($_COOKIE['isloaded']))){

    // Only have the function do something if we really want to.
    echo '<script>function conditionally_loadmore(s) {';
    echo ' loadmore(s); ';
    echo '}</script>';
}
else {

    echo '<script>function conditionally_loadmore(s) {';
    echo ' // Do nothing. ';
    echo '}</script>';

    echo '<a href="#" onClick="return false" onmousedown="javascript:loadmore(\'posts\');" class="btn btn-primary" id="load-more-btn">Load More</a>';
}
?>

or, as @Astaroth suggested:

<body
    <?php
      if ((isset($_SESSION['isloaded'])) || (isset($_COOKIE['isloaded']))) {
        echo 'onload="loadmore(\'posts\')"';
      }
    ?>
>...

edited Apr 5, 2016 at 11:24

answered Apr 5, 2016 at 11:07

JimmyB

12.8k2 gold badges33 silver badges47 bronze badges

1 Comment

Astaroth Over a year ago

I think this is what the OP needs, just clarify that he should add the onload="loadmore('posts')" with something like <?= ($cookieConditions) ? 'onload="loadmore(\'posts\')"' : ''; ?> so the onload is just inserted when the "cookie conditions" are met. Just in case the OP does not see who to apply your answer.

Collectives™ on Stack Overflow

Use PHP to conditionally render a Javascript function call in the browser

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related