> From: Chunshen (Don) Li
> >Your "trigger" will load a page in that hidden iframe which runs the >query and then populates the data in the main visible frame
> Now, does the Main Window have to constructed as some sort of frame? the definition of iframe does not seem to suggest that.
>
> The way to construct the iframe piece is like?
> <div id="loader" style="visibility:hidden">
> <iframe src="" width="0" height="0">
> </div>
You don't need the <div> around it in order to hide it. You can just apply the style to the iframe. Assuming you're not going to load anything in that iframe when the page loads, here's one option:
<iframe name="loadFrame" id="loadFrame" style="display:none;" src="">
> How to trigger the iframe to load (should be different from display, right?)
Using _javascript_, you can treat it just like a frame. Meaning something like this should work in whatever function you use to "trigger" the load:
document.frames['loadFrame'].src = '';
> >you can have a hidden div in the main frame that says "Please wait..." >that will become visible while that iframe code is doing its work and >invisible when the iframe code is done.
> Elaborate please. "main frame" refers to Main Window?
Err, yeah. Main window that contains your hidden iframe. Basically, that main window also has a hidden div something like this:
<div id="waitDiv" style="position:absolute;top:100;left:100;height:200;width:200;z-index:2;visibility:hidden;">
Loading. Please wait...
</div>
Now, in the _javascript_ above where you load the iframe's loader, you can do this:
document.getElementById('waitDiv').style.visibility = 'visible';
In dataLoader.cfm, you can do an onload (or just after where you populate the main window's data) that does this:
parent.document.getElementById('waitDiv').style.visibility = 'hidden';
All of that SHOULD work, but I'm typing this on the fly so haven' t tested it completely. If it doesn't work, let me know.
Scott
---------------------------
Scott Brady
http://www.scottbrady.net/
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
