hi,

i want to disable the parent window when i opened the child window using javascript and html.
i have written code like this.but its working only one time.any one knows pls help me in this situation.


s.html


<html>
<head>


<SCRIPT >
function popuponclick()
{
my_window = window.open("p.html",
"mySelect", "status=1,width=750,height=450,resizable=no");


//enableDisable();

}

</script>
</head>

<body>

<form name="formSelect">
<P>
<A HREF="#" onclick='popuponclick()' >show popup window</A><br>

</P>
</div>
</form>
</body>


</html>


p.html

<html>
<head>
<script language = javascript>
</script>
</head>
<body onBlur="self.focus()">
bbb

</body>
</html>

Recommended Answers

Attach a function to the onclick and onfocus event handlers which would do something like this:

function focusChild()
{
    if(my_window)
        my_window.focus();
}

Here my_window is a global variable which holds the reference to the newly created popup window. It follows that as long as the child window is alive …

Jump to Post

It is working for me which means you are doing something wrong. Post the updated code with code tags. Read the announcements and site rules to know about them without which getting help might be a bit difficult.

Jump to Post

All 8 Replies

Attach a function to the onclick and onfocus event handlers which would do something like this:

function focusChild()
{
    if(my_window)
        my_window.focus();
}

Here my_window is a global variable which holds the reference to the newly created popup window. It follows that as long as the child window is alive it will the one given focus.

hi, this function is not working.

It is working for me which means you are doing something wrong. Post the updated code with code tags. Read the announcements and site rules to know about them without which getting help might be a bit difficult.

hi,

thanks for giving the reply.u r not clear abt my task.i will explain u clearly.
i have one link in parent window.if i click that link i want to open one poup winodw(child window)this is first child window.In first child window i have one link if i click that link then another child window will be open. but both of the child windows the parent is same.

when i open the first child window then the parent should be disable .when i close the first child window then the parent window should be enable.(similar to window.showModalDialog).

In my code i am disabling the parent window after opening the first child window. from first child window i am opening another(second) child window. but the focus is always in my first child window only. when i open the second child window also foucs is gng to firt child window only. why becuase i have written the code like that.i know that my code is wrong.but i am not getting anything how to write that code. please u can help me in that.

my code is:

s.html(parent window)



<html>
<head>
<SCRIPT >
function popuponclick()
{
my_window = window.open("p.html","mySwap", "status=1,width=750,height=450,resizable=no,modal");


}
</script>
</head>
<body>
<P>
<A HREF="#" onclick='popuponclick()' >show popup window</A>
</P>
</body>
</html>


p.hmtl( first child window)


<html>
<head>
<script language = javascript>
function fcsOnMe(){
window.focus();
mytimer = setTimeout('fcsOnMe()');
}
function ppclickcun()
{
my_window = window.open("w.html","Swap", "status=1,width=750,height=450,resizable=no,modal");


}
</script>
</head>
<body onLoad = "mytimer = setTimeout('fcsOnMe()',50);">
<a href='#' onclick='ppclickcun()'>childwindowpopup</a>


</body>
</html>


w.html(2nd child window)


<html>
<head>
<script language = javascript>



</script>
</head>
<body>
ssss


</body>
</html>

i am waiting for u r reply.

Thanking you,

Swap.

> but both of the child windows the parent is same.
No, this isn't the case.

> when i open the first child window then the parent should be disable .when i close the first
> child window then the parent window should be enable

<!-- s.html -->

<html>
<head>
<title>s.html</title>
<SCRIPT >
my_window = null;
function popuponclick() {
	my_window = window.open("p.html","myP", "status=1,width=750,height=450,resizable=no,modal");
}

function check() {
	if(my_window && !my_window.closed)
		my_window.focus();
}

window.onload = function() {
	window.name = "s.html";
}
</script>
</head>
<body onclick="check();" onfocus="check();">
<p>
<a href="#" onclick="popuponclick();">show popup window</a>
<br />
<a href="#" onclick="window.close();">close popup window</a>
</p>
</body>
</html>
<!-- p.html -->

<html>
<head>
<title>p.html</title>
<script language = javascript>
my_window = null;
function popuponclick()
{
	my_window = window.open("w.html","myW", "status=1,width=750,height=450,resizable=no,modal");
}

function check()
{
	if(my_window && !my_window.closed)
		my_window.focus();
}

window.onload = function() {
	window.name = "p.html";
	alert("Parent of p.html: " + opener.name);
}
</script>
</head>
<body onclick="check();" onfocus="check();">
<p>
<a href="#" onclick="popuponclick();">show popup window</a>
<br />
<a href="#" onclick="window.close();">close popup window</a>
</p>
</body>
</html>
<!-- w.html -->

<html>
<head>
	<title>w.html</title>
</head>
<script type="text/javascript">
window.onload = function() {
	alert("Parent of w.html: " + opener.name);
}
</script>
<body>
<p>
<a href="#">show popup window</a>
<br />
<a href="#" onclick="window.close();">close popup window</a>
</p>
</body>
</html>

Though the above code works, it has some major problems.

◄ All the above files have a DOCTYPE declaration missing which is a bad thing causing the browser to go in quirks mode.
◄ Instead of directly attaching event listeners to event handlers, one should use addEventListener / attachEvent.
◄ Place all your Javascript in an external file instead of keeping it in each and every file.
◄ Make sure that you keep your tag names in lowercase.

hi,

thanks for sending the code.its working correctly to my requirement.

hi ,

window.activeEditor._frame.execCommand(" JustifyCenter", false);

in the above script total editor text change in to center,

but i have to change only selected cursor line only

Thanking you,
swap

> but both of the child windows the parent is same.
No, this isn't the case.

> when i open the first child window then the parent should be disable .when i close the first
> child window then the parent window should be enable

<!-- s.html -->

<html>
<head>
<title>s.html</title>
<SCRIPT >
my_window = null;
function popuponclick() {
	my_window = window.open("p.html","myP", "status=1,width=750,height=450,resizable=no,modal");
}

function check() {
	if(my_window && !my_window.closed)
		my_window.focus();
}

window.onload = function() {
	window.name = "s.html";
}
</script>
</head>
<body onclick="check();" onfocus="check();">
<p>
<a href="#" onclick="popuponclick();">show popup window</a>
<br />
<a href="#" onclick="window.close();">close popup window</a>
</p>
</body>
</html>
<!-- p.html -->

<html>
<head>
<title>p.html</title>
<script language = javascript>
my_window = null;
function popuponclick()
{
	my_window = window.open("w.html","myW", "status=1,width=750,height=450,resizable=no,modal");
}

function check()
{
	if(my_window && !my_window.closed)
		my_window.focus();
}

window.onload = function() {
	window.name = "p.html";
	alert("Parent of p.html: " + opener.name);
}
</script>
</head>
<body onclick="check();" onfocus="check();">
<p>
<a href="#" onclick="popuponclick();">show popup window</a>
<br />
<a href="#" onclick="window.close();">close popup window</a>
</p>
</body>
</html>
<!-- w.html -->

<html>
<head>
	<title>w.html</title>
</head>
<script type="text/javascript">
window.onload = function() {
	alert("Parent of w.html: " + opener.name);
}
</script>
<body>
<p>
<a href="#">show popup window</a>
<br />
<a href="#" onclick="window.close();">close popup window</a>
</p>
</body>
</html>

Though the above code works, it has some major problems.

◄ All the above files have a DOCTYPE declaration missing which is a bad thing causing the browser to go in quirks mode.
◄ Instead of directly attaching event listeners to event handlers, one should use addEventListener / attachEvent.
◄ Place all your Javascript in an external file instead of keeping it in each and every file.
◄ Make sure that you keep your tag names in lowercase.

Thank u very much it really helps me a lot.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.19 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.