title: Displaying a JavaScript PopUp on page load
body: <p>I have a simple pop up window (with nothing in it) that will load with the 'onclick' event. How can I modify the following code to make the popup appear the same way on page load?</p>
  
  <pre><code>&lt;head&gt;
      &lt;title&gt;Popup box&lt;/title&gt;
      &lt;script type="text/javascript"&gt;
          &lt;!--
              function showPopUpBox(id) {
                 var e = document.getElementById(id);
                 if(e.style.display == 'block')
                    e.style.display = 'none';
                 else
                    e.style.display = 'block';
              }
          //--&gt;
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;div id="popupBoxPosition"&gt;
          &lt;div class="popupBoxWrapper"&gt;
              &lt;div class="popupBoxContent"&gt;
                  &lt;h3&gt;Popup Box&lt;/h3&gt;
                  &lt;p&gt;Form will be held here&lt;/p&gt;
                  &lt;p&gt;Click &lt;a href="javascript:void(0)" onclick="showPopUpBox('popupBoxPosition');"&gt;here&lt;/a&gt; to close popup box&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="wrapper"&gt;
          &lt;p&gt;Click &lt;a href="javascript:void(0)" onclick="showPopUpBox('popupBoxPosition');"&gt;here&lt;/a&gt; to see popup box&lt;/p&gt;
      &lt;/div&gt;&lt;!-- wrapper end --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>