Call JavaScript function after page completely loads

Question

I am trying to call a JavaScript function after load...like totally after the page loads. It's part of a chatroom I'm designing, in which a cron repeatedly checks for new data, and if there's new data, it tells the chatroom index.php that there's new data. The page then prints some javascript, but the page has already loaded. How do I call the functions and lines of execution after the page has loaded? Thanks so much in advance!

EDIT: Here's the code:

if($connection) {
    $sql = "SELECT * FROM `refresh` WHERE `refresh`=1;";
    $query = mysqli_query($connection, $sql);
    $result = mysqli_fetch_fields($query);
    if($result !== null) {
        ?>
        <script type="text/javascript">
            refreshChat();
            $.ajax({url: "chat.log", type: "POST"})
            .done(function (data) {
                $("#chattxt").html(data);
            });
        </script>           
<?php
                }
            }
//More code irrelevant to this problem.

The JavaScript function refreshChat() is simply the same code I put after the call to it. I have also tried heredoc, and it didn't work either.

Please post your code.

roshan
– roshan

2015-03-04 20:44:45 +00:00
Commented Mar 4, 2015 at 20:44 — roshan
– roshan, Commented Mar 4, 2015 at 20:44
stackoverflow.com/questions/807878/…

Arthur Samarcos
– Arthur Samarcos

2015-03-04 20:45:50 +00:00
Commented Mar 4, 2015 at 20:45 — Arthur Samarcos
– Arthur Samarcos, Commented Mar 4, 2015 at 20:45

Jongosi · Accepted Answer · 2015-03-04 20:45:40Z

1

You want the window.load() event. Here's a jQuery example;

jQuery(window).load(function () {
    // page loaded, do stuff
});

You could also call this on a specific tag (<body>, for example) as onload="".

<body onload="...">

answered Mar 4, 2015 at 20:45

Jongosi

2,3551 gold badge29 silver badges31 bronze badges

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

3 Comments

Anonymous User Over a year ago

I have researched stuff and seen that. That won't work, but thanks for the suggestion.

Jongosi Over a year ago

Ooohh, now that you added your code it's clearer; asynchronous queries don't wait, they are designed that way. However, see... stackoverflow.com/questions/3709597/…

Anonymous User Over a year ago

Yes, I know they are designed that way, but this is added to page after load, and it never executes. I need a way to fix that. Thanks again, but not quite what I need.

Eric Clifford · Accepted Answer · 2015-03-04 20:51:46Z

1

jQuery

$(document).ready(function() {
  // DOM Loaded
});

JavaScript

document.onload = function() {
  // DOM loaded
};

answered Mar 4, 2015 at 20:51

Eric Clifford

2233 silver badges8 bronze badges

1 Comment

Anonymous User Over a year ago

I know about both, and neither will do. It's for a chat, so this is the way I am retrieving new chat messges.

Anonymous User · Accepted Answer · 2015-03-09 20:50:16Z

1

After sitting on the problem and thinking about it, I realized that what I was trying to do won't work. The PHP is translated before the page is loaded on the screen at the server, and then after it loads, nothing else can happen. I need to move this over to the client and to JavaScript. Thanks though, and sorry for posting an impossible question!

answered Mar 9, 2015 at 20:50

Anonymous User

215 bronze badges

Collectives™ on Stack Overflow

Call JavaScript function after page completely loads

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related