OliWarner
asked on
Making a full screen "popup" layer
What I want to do is fairly simple but I just can't seem to find any relevant code on it.
I have an AJAX form (irrelevant to this really) which when an error happens, I want there to be a full-screen layer cover the entire page and display a message and maybe some options to the user.
So yeah... What do I need? Code and/or live examples would help me get this out the door asap.
I have an AJAX form (irrelevant to this really) which when an error happens, I want there to be a full-screen layer cover the entire page and display a message and maybe some options to the user.
So yeah... What do I need? Code and/or live examples would help me get this out the door asap.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
I can give you a live example: http://www.backbase.com/ -> go on the page and choose Login ... it will show you exactly what you want.
That doesn't actually cover the whole layer, though. Just the visible part of the screen. If you scroll down, the rest of the page is unaffected. And not all browsers react well to this method either. And it is actually possible to extend it by putting an empty div at the very bottom of the page and then using the location of it to figure out the height. But it can sometimes cause anomalous results. My method, while it doesn't have the nice background effect, does remove everything from the page that could be clicked on that could interfere with the navigation of the now error-stated page.