[Last Call] Learn how to a build a cloud-first strategyRegister Now


Making a popup and greying out the rest of the screen

Posted on 2008-11-20
Medium Priority
Last Modified: 2012-05-05
Hi all,
I've seen a new trick used alot on the web and its very effective. Im notsure what its called but it does the following:
- When a user clicks something a popup window or box appears in the center of the screen.
- The popup stands out becaue the rest of the page is greyed out and the page elements cant be clicked.
- To proceed and get back to the main interface, the user must click a button on the popup. E.g. close, confirm, cancel.

I've been trying to find an example but cant remember where i saw it.
Is there a component or something to do this type of thing?

Question by:osion
LVL 50

Accepted Solution

dbrunton earned 500 total points
ID: 23002576

Expert Comment

ID: 23002592
Thats it!!
thanks a million. Been digging around for that for ages!! thats even better than the one I saw.
Thanks again!

Author Closing Comment

ID: 31518635
Legend! Thanks!

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question