N
nc
Help. I am java script challenged. Attached are some simple html files
for my parent, top and bottom frame content. I would like to pop the
bottom frame content on the click of a radio button in the top frame.
Thanks for your kind help.
myParent.html follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD></HEAD>
<BODY bgcolor="#ffffff" link="#000000" alink="#000000"
vlink="#000000">
<table width="700" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="10" height="1"> </td>
<td width="20" height="1"> </td>
<td width="150" height="1"> </td>
<td width="10" height="1"> </td>
<td width="150" height="1"> </td>
<td width="130" height="1"> </td>
<td width="10" height="1"> </td>
</tr>
<tr>
<td class="label" colspan="7">
<iframe width="100%" src="myTopFrame.html" id="top"
height="150" align="left" scrolling="auto" marginwidth="0"
marginheight="0" name="topFrame" frameborder="0">[browser problem with
frames ?]</iframe>
</td>
</tr>
<tr>
<td colspan="7">
<form name="bottomForm" method="post" action="myNextPage.html"
target="_self" onsubmit="return doSubmit();">
<iframe src="" id="bottom" width="100%" height="400" align="left"
scrolling="yes" marginwidth="0" marginheight="0"
name="bottomFrame" frameborder="0">[browser problem with frames
?]</iframe>
</form>
</td>
</tr>
</table>
</BODY>
</HTML>
myTopFrame.html follows:
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showNextFrame() {
parent.bottomFrame.location="myBottomFrame.html";
parent.bottomFrame.visibility='show';
document.myTopForm.submit();
}
-->
</SCRIPT>
<form name="myTopForm" method="post" action="myBottomFrame.html"
target="parent.bottomFrame" onsubmit="showNextFrame();">
<table width="680" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="20"> </td>
<td width="40"> </td>
<td width="70"> </td>
<td width="30"> </td>
<td width="70"> </td>
<td width="410"> </td>
<td width="10"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="1"> </td>
<td colspan="2" align="left">
<input type="radio" name="myRADIO" value="A"
onclick="submit()"><STRONG>RADIO A</STRONG>
</td>
<td colspan="3"> </td>
</tr>
</table>
</form>
</BODY>
myBottomFrame.html follows:
<BODY>
<form name="myBottomForm" method="post" action="myNextPage.html"
target="_self">
<table width="680" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="20"> </td>
<td width="40"> </td>
<td width="70"> </td>
<td width="30"> </td>
<td width="70"> </td>
<td width="410"> </td>
<td width="10"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="1"> </td>
<td colspan="2" align="left">myBottomFrame.html</td>
<td colspan="3"> </td>
</tr>
</table>
</form>
</BODY>
for my parent, top and bottom frame content. I would like to pop the
bottom frame content on the click of a radio button in the top frame.
Thanks for your kind help.
myParent.html follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD></HEAD>
<BODY bgcolor="#ffffff" link="#000000" alink="#000000"
vlink="#000000">
<table width="700" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="10" height="1"> </td>
<td width="20" height="1"> </td>
<td width="150" height="1"> </td>
<td width="10" height="1"> </td>
<td width="150" height="1"> </td>
<td width="130" height="1"> </td>
<td width="10" height="1"> </td>
</tr>
<tr>
<td class="label" colspan="7">
<iframe width="100%" src="myTopFrame.html" id="top"
height="150" align="left" scrolling="auto" marginwidth="0"
marginheight="0" name="topFrame" frameborder="0">[browser problem with
frames ?]</iframe>
</td>
</tr>
<tr>
<td colspan="7">
<form name="bottomForm" method="post" action="myNextPage.html"
target="_self" onsubmit="return doSubmit();">
<iframe src="" id="bottom" width="100%" height="400" align="left"
scrolling="yes" marginwidth="0" marginheight="0"
name="bottomFrame" frameborder="0">[browser problem with frames
?]</iframe>
</form>
</td>
</tr>
</table>
</BODY>
</HTML>
myTopFrame.html follows:
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showNextFrame() {
parent.bottomFrame.location="myBottomFrame.html";
parent.bottomFrame.visibility='show';
document.myTopForm.submit();
}
-->
</SCRIPT>
<form name="myTopForm" method="post" action="myBottomFrame.html"
target="parent.bottomFrame" onsubmit="showNextFrame();">
<table width="680" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="20"> </td>
<td width="40"> </td>
<td width="70"> </td>
<td width="30"> </td>
<td width="70"> </td>
<td width="410"> </td>
<td width="10"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="1"> </td>
<td colspan="2" align="left">
<input type="radio" name="myRADIO" value="A"
onclick="submit()"><STRONG>RADIO A</STRONG>
</td>
<td colspan="3"> </td>
</tr>
</table>
</form>
</BODY>
myBottomFrame.html follows:
<BODY>
<form name="myBottomForm" method="post" action="myNextPage.html"
target="_self">
<table width="680" border="1" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td width="20"> </td>
<td width="40"> </td>
<td width="70"> </td>
<td width="30"> </td>
<td width="70"> </td>
<td width="410"> </td>
<td width="10"> </td>
</tr>
<tr>
<td colspan="2"> </td>
<td colspan="1"> </td>
<td colspan="2" align="left">myBottomFrame.html</td>
<td colspan="3"> </td>
</tr>
</table>
</form>
</BODY>