Introduction
Internet Explorer and Mozilla based browsers (FireFox etc.) allow you to make a pop-up window modal. For Internet Explorer, you can use the showModalDialog
method. For Mozilla based browsers, you can use window.open
with parameter "modal
" to open a window that stays in front of the original window.
How it works
Although Internet Explorer and Mozilla based browsers use different methods, you don't need to test which browser you are currently running. Instead you can test for support for the showModalDialog
method. The code looks like this:
if (window.showModalDialog)
{
var dialogArguments = new Object();
var _R = window.showModalDialog("popup.html", dialogArguments, ...
...
}
else
{
...
window.open("popup.html", ID, "modal,toolbar=false...
winHandle.focus();
}
The code
To see an example, you can download the source files and double-click the default.html. The example shows you how to create a modal popup Window, as well as how to pass back popup Window textbox value to the parent Window.
William is currently working for Toshiba. His programming experience includes C/C++, C#, MFC, Java, ASP.NET and SQL. His Internet experience includes XML, SOAP and UI design. He is MCSD.NET, MCDBA and MCT certified and has a MS degree in CS.
Willaim was born in Taiwan but lives in USA. For relaxation he enjoy traveling and art.