Modal Dialog Box

Build your own in page modal dialog boxes using HTML

One thing that has always been difficult to achieve for web pages is the addition of modal dialog boxes (that don't allow further interaction with the page until there is a response to the dialog). Web browsers only provide alert, confirm, and prompt for JavaScript code to call when you want to interact modally with your visitors. Only Internet Explorer provides anything beyond this with a custom function for opening a modal window.
JavaScript works best when interacting within the web page itself and so the ideal solution to the problem of being able to create your own custom dialog boxes that contain what you want them to contain is to somehow create the modal dialog box within the page itself but the problem then is how do you stop your visitors from interacting with the rest of the page while you have the modal dialog displayed. Well with this modal dialog box script those problems are easily resolved to give a cross browser in page modal dialog box containing whatever you want it to contain since you code the content yourself with HTML.