Mega Code Archive

 
Categories / JavaScript Tutorial / Window
 

Parent Code for Window Example

< HTML>     <HEAD>     <TITLE> Window Example - Parent</TITLE>     <SCRIPT LANGUAGE="Javascript">     <!--     function openWin(){       childWin=open("child.htm", "ChildWin", "toolbar,scrollbars,menubar,status,innerwidth=250,innerheight=350");     }     function sendToChild(){       childWin.document.childForm.childText.value = document.parentForm.parenttext.value;     }     // End Hide-->     </SCRIPT>     </HEAD>     <BODY>     <P>     <CENTER>     <B>Window Example - Parent Window</B>     <BR><BR><BR>     </CENTER>     <FORM NAME="parentForm">     Click on the Button below to open a Child window:     <BR><BR>     <INPUT TYPE="button" NAME="submit" VALUE="Open Child Window" onclick="openWin()">     <BR><BR><BR>     <TABLE>     <TR><TD ALIGN=left>     <INPUT TYPE="text" NAME="parenttext" size=45></TD>     <TD ALIGN=left>     <INPUT TYPE="button" NAME="submit" VALUE="Send To Child" onclick="sendToChild()">     </TD>     </TR>     <TR><TD ALIGN=left>     <INPUT TYPE="text" NAME="received" size=45></TD>     <TD ALIGN=left>     This text comes from the child.     </TD>     </TR>     </TABLE>     </FORM>     <BR><BR><BR>     </BODY>     </HTML> Child Window Code for Window Example File:child.htm <HEAD>     <TITLE> Window Example - Child</TITLE>     <SCRIPT LANGUAGE="Javascript">     <!--     function sendToParent(){       window.opener.document.parentForm.received.value = document.childForm.sendText.value;     }     -->     </SCRIPT>     </HEAD>     <BODY>     <P>     <CENTER>     <B>Window Example - Child window</B>     <BR><BR><BR>     </CENTER>     <FORM NAME="childForm">     <TABLE>     <TR><TD ALIGN=left>     <INPUT TYPE="text" NAME="sendText" size=45></TD>     <TD ALIGN=left>     <INPUT TYPE="button" NAME="submit" VALUE="Send Text" onclick="sendToParent()">     </TD>     </TR>     <BR>     <TR><TD ALIGN=left>     <INPUT TYPE="text" NAME="childText" size=45>     </TD>     <TD ALIGN=left>     Text Received from Parent:     </TD>     </TR>     </TABLE>     </FORM>     <BR><BR><BR>     </BODY>