Closing a child popup from itself

by **rafiquea** on Thu Mar 06, 2008 4:20 pm

I have the following scripts (I've cut them down) & I guess this will be really easy for someone. The scripts open/close the child popup from the main window (test.html) but I want to close the child popup from itself (test2.html). You will see what I have attempted to no avail. Help appreciated. :cry:

TEST.HTML - FILE 1
-------------
<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function move_box(an, box) {
var cleft = 10;
var ctop = 10;
var obj = an;
//while (obj.offsetParent) {
// cleft += obj.offsetLeft;
// ctop += obj.offsetTop;
// obj = obj.offsetParent;
//}
box.style.left = cleft + 'px';
ctop += an.offsetHeight + 8;
if (document.body.currentStyle &&
document.body.currentStyle['marginTop']) {
ctop += parseInt(
document.body.currentStyle['marginTop']);
}
box.style.top = ctop + 'px';
}

function show_hide_box(an, width, height, borderStyle) {
var href = an.href;
var boxdiv = document.getElementById(href);
if (boxdiv != null) {
if (boxdiv.style.display=='none') {
move_box(an, boxdiv);
boxdiv.style.display='block';
} else
boxdiv.style.display='none';
return false;
}

boxdiv = document.createElement('div');
boxdiv.setAttribute('id', href);
boxdiv.style.display = 'block';
boxdiv.style.position = 'absolute';
boxdiv.style.width = width + 'px';
boxdiv.style.height = height + 'px';
boxdiv.style.border = borderStyle;
boxdiv.style.backgroundColor = '#fff';

var contents = document.createElement('iframe');
contents.scrolling = 'no';
contents.frameBorder = '0';
contents.style.width = width + 'px';
contents.style.height = height + 'px';
contents.src = href;

boxdiv.appendChild(contents);
document.body.appendChild(boxdiv);
move_box(an, boxdiv);

return false;
}
</SCRIPT>
</HEAD>

<BODY>
<A HREF="test2.html" onClick="return show_hide_box(this,450,370,'2px dotted')" >
CLIK HERE TO OPEN/CLOSE WINDOW
</BODY>

</HTML>

TEST2.HTML - FILE 2
--------------
<HTML>
<HEAD>

<SCRIPT>
function show_hide_boxx(an)
{
var href = document.an;
var boxdiv = an.getElementById(href);
boxdiv.style.display='none';
return false;
}
</SCRIPT>

</HEAD>

<BODY>
<TABLE border="0" WIDTH="100%">
<TR>
<TD WIDTH="10%">
</TD>
<TD>
<h2><center>Help Screen</center></h2>
</TD>
<TD WIDTH="10%" ALIGN="right" VALIGN="TOP">
<font color="red"><B>
<A href="javascript:show_hide_boxx(this);">
[CLICK TO CLOSE TRY 1]
</A>
<A href="javascript:self.close()">
[CLICK TO CLOSE TRY 2]
</A>
</B>
</FONT>
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

by **rangana** on Fri Mar 07, 2008 2:15 am

I suppose it's not <a href="javascript:self.close()">[CLICK TO CLOSE TRY 2]</a>

...but <a href="javascript:window.close()">[CLICK TO CLOSE TRY 2]</a>

See if it helps

by **rafiquea** on Fri Mar 07, 2008 10:22 am

Thank you for that idea but I have tried that and it makes no difference. Any other thoughts please.....

by **rangana** on Sat Mar 08, 2008 5:12 am

Try changing your test2.html to:

Code: Select all: <A href="show_hide_boxx(this);"> [CLICK TO CLOSE TRY 1] </A> <A href="window.close()"> [CLICK TO CLOSE TRY 2] </A>

I got it working, but i'm not certain if this was really what you wanted.
See if it helps :roll:

Closing a child popup from itself

Closing a child popup from itself

Who is online