title: how to create forms dynamically in javascript
body: <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>