Click here to Skip to main content
Click here to Skip to main content

Modal popup Window

, 19 Mar 2006
Rate this:
Please Sign up or sign in to vote.
Creating a modal popup Window

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 //NS   
{  
    ...
    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.

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

william s. su
Web Developer
United States United States
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.

Comments and Discussions

 
GeneralMy vote of 1 Pinmembervsbijin7-Dec-13 0:42 
GeneralWorking Modal Window Example Pinmembermayurmv4-Sep-08 5:57 
GeneralRe: Working Modal Window Example PinmemberManie Verster5-Dec-08 2:00 
GeneralDoes not work on Firefox 2.0.0.4 Pinmembervinnubhai_M_C_S10-Jul-07 0:22 
GeneralHello William! We are your friends from Philippines. Pinmemberjamzero17-Jan-07 23:02 
GeneralYou may want to have a look for an alternative approach Pinmembervolkan.ozcelik10-Dec-06 1:42 
GeneralDoes not work with Firefox 2.0 Pinmemberfacorreia27-Oct-06 4:28 
GeneralRe: Does not work with Firefox 2.0 Pinmemberjpatexor5-Dec-06 20:15 
Generalcan't work appropriate in FF and NN Pinmemberbuger.game8-Apr-06 22:40 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.141223.1 | Last Updated 19 Mar 2006
Article Copyright 2006 by william s. su
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid