Opening Web Page Dialog Boxes with Other Dialog Boxes

Setting and Reading Child HTML Element Values

In the JavaScript of the parent window, the following statement would access the value of an element in the child window.

myWindow.document.getElementById(ID).value

Assume that you have the following element in the child window:

<input type=”text” id=”I1”>

The following statement in the parent script would set the value of the Input Text control to “Peter”.

myWindow.document.getElementById('I1').value = "Peter";

And the following code in the parent script would read the value of the Input Text element from the child window into the variable, name, in the parent window:

var name = myWindow.document.getElementById('I1').value;

Setting and Reading Child HTML TD Content

The method is similar to the one explained above, but instead of the property, value, you have the property, innerHTML.

Assume that you have the following element in the child window:

<table>

<tr>

<td id="TD1">

The cell content

</td>

</tr>

</table>

The following statement in the parent script would set the content of the table cell element to “New Cell Content.”

myWindow.document.getElementById('TD1').innerHTML = "New Cell Content"

And the following code in the parent script would read the content of the table cell element from the child window into a variable (content) in the parent window:

var content = myWindow.document.getElementById ('TD1').innerHTML;