How to write in table of an html file by clicking on a row of a table in another html file?
<p>I have two html files information.html and employee.html.</p>

<p>Information.html contains two tables having IDs 'top' and 'bottom'. Employee.html is included in the <code>&lt;table id='top'&gt;</code> of information.html.</p>

<p>Employee.html's code, containing just a dummy <code>&lt;table&gt;</code>, is as follows:</p>

<pre><code>&lt;!-- employee.html --&gt;
    &lt;table align = "center" border="1" height="100px"&gt;
       &lt;tr&gt;&lt;/b&gt;&lt;td&gt;&lt;b&gt;No.&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Name&lt;/b&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Age&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;

       &lt;script type="text/javascript"&gt;
       var i =0;
       for (i= 0;i&lt;20;i++)
       {
      document.write("&lt;tr onclick= '---' &gt;&lt;td&gt;&lt;b&gt;" + i);             
        document.write("&lt;/b&gt;&lt;/td&gt;&lt;td&gt;Usman&lt;/td&gt;&lt;td&gt;56&lt;/td&gt;&lt;/tr&gt;");
       }
       &lt;/script&gt;
    &lt;/table&gt;
</code></pre>

<p>When i open information.html in my browser, i see employee.html included in the <code>&lt;table id='top'&gt;</code> of information.html.</p>

<p>Now, what should i write in <strong>onclick</strong> (in the above code) so that when user click on a row in the table appearing in the 'top' table of information.html, some arbitrary text may appear in the <code>&lt;table id='bottom'&gt;</code> of information.html.</p>

<p>Please guide me. </p>

<p>Thanks</p>
