Reference element in frameset

Reference element in frameset : frameset : HTML Tags JAVASCRIPT TUTORIALS

JAVASCRIPT TUTORIALS » HTML Tags » frameset »

Reference element in frameset

index.html



<HEAD>
</HEAD>
<FRAMESET cols="150,*">
<FRAME name="left_side" src="1.html">
<FRAME name="right_side" src="2.html">
</FRAMESET>

1.html



<HEAD>

<SCRIPT language="JavaScript">
<!--
var thename="";
var thecolor="";
var thecar="";
//-->
</SCRIPT>
</HEAD>
<BODY>
This is frame 1.
</BODY>

2.html



<HEAD>
<SCRIPT language="JavaScript">
<!--
function set_info() {
    top.left_side.thename=document.f1.t1.value;
    top.left_side.thecolor=document.f1.t2.value;
    top.left_side.thecar=document.f1.t3.value;
    self.location="3.html";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
    This is frame 2.
    <P>
        <FORM name="f1">What is your name?<BR>
        <INPUT type="text" name="t1"><BR>What is your favorite color?<BR>
        <INPUT type="text" name="t2"><BR>What is your favorite car?<BR>
        <INPUT type="text" name="t3"><BR>
        <INPUT type="button" value="Continue" onClick="set_info();">
        </FORM>
</BODY>

3.html



<HEAD>
</HEAD>
<BODY>
<SCRIPT language="JavaScript">
<!--
    document.write("top.left_side.thename:"+top.left_side.thename+"top.left_side.thecolor:"+top.left_side.thecolor+"top.left_side.thecar: "+top.left_side.thecar)
//-->
</SCRIPT>
</BODY>