Parent Code for Window Example : Introduction : Window JAVASCRIPT TUTORIALS


JAVASCRIPT TUTORIALS » Window » Introduction »

 

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:

Follow Navioo On Twitter

JAVASCRIPT TUTORIALS

 Navioo Window
» Introduction