Home/ Questions/Q 6693475
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T05:59:12+00:00

On my page I have javascript that loads new content in <div id=content></div> from

  • 0

On my page I have javascript that loads new content in <div id="content"></div> from other page located at: inc/content.php. I would like to know how can I show animated gif image loading.gif in <div id="content"></div> while new content gets loaded into it? and once loaded hide gif and show new conntent?

Thank You )))
Here is my code:

<html>
<head>

<script type="text/javascript" src="js/jquery-1.6.4.js"></script>
<script type="text/javascript">
function viewNext()
{
$("#content").load("inc/content.php");
}
</script>

</head>
<body>

<button id="nextfLuky" onClick="viewNext();return false;">Next fLuky</button>

<div id="content"></div>

</body>
</html>

content in inc/content.php page:

<div id="text">Hello</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    function viewNext(){
    $('#content').html('<img src="loading.gif" />').load("inc/content.php");
}

    When you use load() it will replace anything in the element, including the gif so you dont have to manually hide it.

    • 0