Dynamic Ajax content - Loading Box

[Ilyvm]

Dynamic Ajax Content

http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

I'm using this script on my website. It's cool, but I need 1 more thing. Can it be posible to show a "Loading Page Box" when it's loading the new page on the iframe.

Thank you!

[NXArmada]

its not an iframe.

But yes a Loading Page Indicator would be nice.

[zee]

I would like to know how to add a "loading image" or some text that simply says "Page Loading" to the Dynamic Ajax Content script. :confused:
I am loading php pages with sql qurries that take some time to process.
Any ideas or links to a tutorial would be appreciated.
This script is exactly what I need if it could show some kind of status indicator. ;)
Thanks,
zee

[jscheuer1]

Without testing but, using my knowledge of DHTML scripting, I'd try changing this:


page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}

to:



document.getElementById(containerid).innerHTML='Loading Page'
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}

The part:


Loading Page

could be HTML, if desired:


<table align="center" width="100%" height="100%"><tr><td align="center" valign="middle" width="100%" height="100%">Loading Page</td></tr></table>

This would work well with a container for the content that is, say - a division with a set width and height.

[zee]

The line of code you offered worked great! :)
Thanks jscheuer1.

I found this site to make a quick animated gif: (easy, but you can make your own)
http://www.ajaxload.info/

I changed the line you offered to:

document.getElementById(containerid).innerHTML='<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="49%" class="LoadingDataLeft">Hang On&hellip; </td><td width="2%" align="center" valign="middle"><img src="/loadingdata.gif" alt="LoadingData" width="32" height="32" /></td><td width="49%" class="LoadingDataRight">Loading Data&hellip; </td></tr></table>'
Works Great! ;)

[NXArmada]

Awsome thanks