I have a PHP script that takes around 1 minute 20 seconds to load as it fetches data from other websites. However I need some way to show the user that the page is loading. Something like ‘This page is loading and may take up to 2 minutes’ with a .gif loading images.
I have tried jquery:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script>
// Put an animated GIF image insight of content
$("#content").empty().html('<img src="http://www.website.com/images/loading.gif" />');
// Make AJAX call
$("#content").load("http://website.com/page.php")
</script>
<div id="content">
Content to load here!
</div>
</body>
</html>
But the page is blank (don’t know if i’m implementing something wrong).
Is there any other way of doing so?
I have looked at other questions but can’t find anything that matches what I need, that I can get to work.
Thanks,
Jack.
you got the
scripttags wrong. you need to close thescriptwith thesrccall, and open a new one for the actual codeAlso, you need to load the DOM before using JQuery to fetch objects. You can use
$(document).ready()or place your script after the DOM element.