Loading Page Script

**GurusGuru** · 08-04-2012 02:17 AM

How to show ajax loading gif animation while the page(http://www.xyz.com/....) is loading?

<tr>
<td>
<br>
<?php include("http://www.xyz.com/search.php?notice[]=1&sector=0"); ?>
</td>
</tr>

**donatello** · 08-08-2012 01:03 PM

You don't need Ajax...

HTML Code:

<body onLoad="document.getElementById('siteLoader').style.display = 'none';">
<!-- loading BEGIN -->
      <div id="siteLoader"> 
        <div id="loadImg"> 
        <img src="http://cdn.nirmaltv.com/images/generatorphp-thumb.gif" border="0" align="left" style="margin-top:-12px;">
        </div> 
      </div> 

<!-- loading END -->

**GurusGuru** · 08-09-2012 11:37 AM

Thanks. Even after the page has loaded the loading image remains on the page. The link to the URL is - http://www.ittenders.com/indexx4.htm

**JMRKER** · 08-09-2012 02:47 PM

I have not found it in your code yet, but at the call to the ajax load function, do this:

Code:

  document.getElementById('siteLoader').style.display = 'block';

When the information has been loaded and the function finishes, do this:

Code:

  document.getElementById('siteLoader').style.display = 'none';

This assumes you use the <body> tag to initialize the siteLoader graphic display to be 'none'

**GurusGuru** · 08-10-2012 07:00 AM

The loading page still remains. Please check at this link

**JMRKER** · 08-10-2012 11:50 AM

Originally Posted by GurusGuru

The loading page still remains. Please check at this link

You need to turn it off with the display = 'none' logic given in the earlier post
after the AJAX has obtained the information.

**Mekatek** · 08-10-2012 12:31 PM

Hi, if you are using JQUERY you can try with this on the HEAD

<script type="text/javascript">
$(document).ready(function(){
$('#loadImg').hide();
});
</script>

**GurusGuru** · 08-11-2012 03:22 AM

Have already mentioned it -

<body onLoad="document.getElementById('siteLoader').style.display = 'none';" style="margin-bottom: 0px; margin-left: 0px; margin-top: 10px;">

**Mekatek** · 08-11-2012 04:54 AM

Hi, jquery its not being loaded, you can check if the link is correct. Check on firebug and you will see when you call $(document).ready it is not being execute due to that fact. If you are checking on opera inspector you can see the jquery library is not loaded or found

**donatello** · 08-11-2012 03:22 PM

Here is a simple working example

http://www.metataggenerator.org/analyzer/just-fb-id.php

This page is actually a popup that will identify a Facebook user by their ID number, etc.

You can examine the source code.

Thread: Loading Page Script

Thread Tools

Display

Loading Page Script

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions