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>
|
|
|
HTML code for linking to this page:
Related in same category :
-
-
-
|
|
