This is standard HTML page named iframe_ref.htm.
Two 200 x 150 pixel iframes with borders are shown below in DIV blocks positioned in a staggered fashion.

    <iframe name="f1" width="200" height="150" frameborder="1" scrolling="no" src="frame_ref1.htm">
    <iframe name="f2" width="200" height="150" frameborder="1" scrolling="no" src="frame_ref2.htm">

They are the same frames from the previous example (frame_ref1.htm and frame_ref1.htm).
The scrolling="no" attributes shows only part of each page (200 x 150 pixels).
This is a textbox named t1 in a form named "form1".
Click below to put the value of the textbox above into the textboxes inside the iframes below

  Here is the javascript code for this click event:

    getvalue=window.document.form1.t1.value;
    top.f1.document.form1.t1.value=getvalue;
    top.f2.document.form1.t1.value=getvalue;