Displaying a JavaScript PopUp on page load
<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>