?
Solved

Disable parent window when popup is open

Posted on 2009-05-14
8
Medium Priority
?
957 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
8 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
Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

 
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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
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

752 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