Wait for a page to be ready before showing it

Question

I'm pretty sure that this is not possible but I could be wrong. I've been asked to keep a web page on hold until another page is ready before showing the latter.

Consider for example pageA.html that has a link to pageB.html. pageB has some jScript (is actually GWT but pretend you don't know) that creates the page.

The user would like to keep showing pageA until pageB is ready to show. Is that possible, keeping the two pages separate?

Answer 1

You could take a look at AngularJS. (SPA = Single Page Application). You can load new views ("pages") in the current page and show a loader or your current page until the loading is finished.

Answer 2

You could use jQuery $(window).load(function(){}); and create an overlay on the existing page.

I.e. User loads page A and you have an overlay immediately visible blocking the visibility of the page. When the load event is triggered you can remove the overlay.

This is slightly different from what you've asked but may be an approach.

JS Fiddle Example