Sathish David Kumar N
asked on
How to inactive parent window while child window active ??
hi,
How to inactive parent window while child window active ??
ASKER
No its not working
The better way to do this is to avoid popup windows and use divs that you toggle visibility when needed. Then there are no problems with users who have popups blocked. Plus you can disable the underlying content by covering it with a semi-transparent div that makes your "pop up" div demand attention.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.screen
{
position:fixed;
top:0px;
left:0px;
display:none;
width:100%;
height:100%;
background-color: #333;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
z-index:200;
visibility:hidden;
}
.popup {
position: absolute;
top: 100px;
left: 425px;
width: 120px;
height: 120px;
background-color:#fff;
z-index:300;
visibility:hidden;
}
-->
</style>
</head>
<body>
<br />
<p>
<a href="javascript:show();">Show</a>
</p>
<br />
<div id="screen" class="screen"></div>
<div id="popup" class="popup"><a href="javascript:hide();">Hide</a></div>
<script language="javascript" type="text/javascript">
function show() {
document.getElementById("screen").style.display = 'block';
document.getElementById("screen").style.visibility = 'visible';
document.getElementById("popup").style.visibility = 'visible';
}
function hide() {
document.getElementById("screen").style.display = 'none';
document.getElementById("screen").style.visibility = 'hidden';
document.getElementById("popup").style.visibility = 'hidden';
}
</script>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
well perhaps a more refined way would be to use
https://developer.mozilla.org/en/DOM/window.showModalDialog
if you need behavior that way.
https://developer.mozilla.org/en/DOM/window.showModalDialog
if you need behavior that way.
http://bytes.com/topic/javascript/answers/521036-how-we-can-disable-parent-window-while-popup-window-open#post3051653
you can do the same at onfocus, onclick and onkeydown event of the body