?
Solved

Disable parent window when popup is open

Posted on 2009-05-14
8
Medium Priority
?
971 Views
Last Modified: 2012-05-07
Is there a way to disable the parent window when a child (popup) window is open?
0
Comment
Question by:cuttieveenz
7 Comments
 
LVL 39

Expert Comment

by:abel
ID: 24384637
when you popup with DialogModal the underlying window will not be accessible.
0
 
LVL 19

Expert Comment

by:erikTsomik
ID: 24384692
0
 
LVL 39

Expert Comment

by:abel
ID: 24384765
This technique, however, only works on IE:

<body>
    <p>click on the button</p>
    <input type="button" onclick='window.showModalDialog("http://www.google.com");' value="show google modal" />
</body>
</html>

Open in new window

0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 
LVL 39

Expert Comment

by:abel
ID: 24384777
Yes, the lightbox and the greybox are excellent alternatives to this....
0
 
LVL 39

Expert Comment

by:abel
ID: 24386468
I created a little example and find out along the way that showModalDialog works on both browsers (IE, FF) but its semantics is lightly different on FF then on IE. The example also shows GreyBox, but I didn't manage to get LightBox working timely. http://www.undermyskin.org/external-examples/ee-questions/Q_24408354/ (use View Source to see the source of how I did it, which is basically the same as I showed above).
0
 
LVL 9

Expert Comment

by:Roman Gherman
ID: 35099253
Hi,

I have created a jQuery function: showModalDialog which works on all major browsers: IE, Chrome, Safari and Firefox.

You can see the entire article on my blog: http://extremedev.blogspot.com/2011/03/windowshowmodaldialog-cross-browser-new.html
0
 

Accepted Solution

by:
ee_auto earned 0 total points
ID: 37194229
Question PAQ'd and stored in the solution database.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

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

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
In this blog, we’ll look at how improvements to Percona XtraDB Cluster improved IST performance.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

621 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