how to create forms dynamically in javascript
<p>I have this div, where <code>divBrdr</code> should contain a form <code>summaryConfig</code></p>

<pre><code> &lt;div id="popup"&gt;
&lt;div id="popupClose"&gt;
    &lt;input type="image" alt="close window" src="images/close_btn.gif" width="20" height="20" onclick="" align="right"&gt;
&lt;/div&gt;
&lt;div id="divBrdr" &gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;div id="backgroundPopup"&gt;
&lt;/div&gt;
</code></pre>

<p>Right now i have this form inside <code>divBrdr</code> but then this <code>popup</code> appears differently for <code>create</code> and <code>update</code> so I wanted to make this form made dynamically. Can somebody help me do that? </p>

<pre><code>&lt;form style="padding-bottom:11px;" name="summaryConfig" method="post" action=""&gt;
&lt;img alt="title" src="images/update_conform_title.gif" width="189" hspace="4" height="17" vspace="4"&gt;&lt;br&gt;
&amp;nbsp;&lt;br&gt;

&lt;table align="center" width="90%" border="0" cellspacing="0" cellpadding="0"&gt;
    &lt;tr&gt;    &lt;td width="800"&gt;&lt;/td&gt;  &lt;/tr&gt;
&lt;/table&gt;

&lt;div id="postUploadInfo"&gt;
&lt;/div&gt;

&lt;table align="center" border="0" cellpadding="10" cellspacing="0" width="84%"&gt;
    &lt;tr&gt;
        &lt;td colspan="3" align="center"&gt;
            &lt;label&gt;
                &lt;input  type="button"  tabindex="4" id="btnOk" value="Done" class="btn" onClick=""&gt;
            &lt;/label&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
&lt;/form&gt;
</code></pre>
