Parent Code for Window Example : Introduction « Window

Parent Code for Window Example : Introduction « Window « JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

JavaScript Tutorial » Window » Introduction

19.1.3.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>

19.1.Introduction
	19.1.1.	Windows in Action
	19.1.2.	Creating Windows
	19.1.3.	Parent Code for Window Example
	19.1.4.	Window Object Properties Array

java2s.com | Contact Us | Privacy Policy

All other trademarks are property of their respective owners.