How can I disable the parent window and have the focus only the popup with the below code?
<body onFocus="parent_disable();" onclick="parent_disable();">
<div class="login-box">
<form action="post" class="login-form">
<div class="form-group">
<label for="user-name">Username:</label>
<input id="user-name" type="text" name="user" required>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input id="password" type="password" name="password">
</div>
<div class="button-container text-right">
<button class="btn btn-default" type="button" id="btn-cancel">Cancel</button>
<button class="btn btn-primary" type="button" id="btn-login">Login</button>
</div>
</form>
<a href="ForgotPassword.html" onclick="return popup(this, 'Signup')">Forgot password</a>
<p>Don't have an account? <a href="javascript:child_open()" >Sign up</a> here</p>
</div>
<script type="text/javascript">
var popupWindow=null;
function child_open(){
popupWindow =window.open('Signup.jsp',"_blank","directories=no, status=no, menubar=no, scrollbars=yes, resizable=no,width=600, height=280,top=200,left=200");
}
function parent_disable() {
if(popupWindow && !popupWindow.closed)
popupWindow.focus();
}
</script>
</body>
I have tried some suggestions from stackover flow but none of them are useful for me.Please someone help in resolving this.
