Html Popup With Links On Form Submit
<p>I am trying to display a fancy html popup/frame (not windows style) to the customer when a particular form is submitted. Not sure what would be the best way of doing that!</p>

<p>I tried something with the code below but there are 2 issues with this. Firstly the box that comes as a popup looks like a windows popup box  (browser type) which I don't want. I just want a simple square box where I can add colors, image etc. Another problem is that my links within this code are not working. For eg. I want one of the links to take me to another page on the site after closing the message box, and the other link could simple be used to close the box... or may be just 2 links that could take me to 2 different pages!</p>

<pre><code>&lt;form action="do.something" method="post" onsubmit="return action_submitted();"&gt;

&lt;script type="text/javascript"&gt;

    function action_submitted() {
        HTML = '';
        HTML += '&lt;html&gt;&lt;head&gt;&lt;title&gt;New Action&lt;/title&gt;&lt;/head&gt;';
        HTML += '&lt;body bgcolor="#f5f5f5" style="margin:0px;"&gt;';
        HTML += 'Congrats, your action was successful! &lt;br/&gt;';
        HTML += '&lt;a href="close"&gt;Close Message&lt;/a&gt;&lt;br/&gt;';
        HTML += '&lt;a href="/gothere.do"&gt;There&lt;/a&gt;&lt;br/&gt;';
        HTML += '&lt;script&gt;onload=function(){setTimeout("self.close()",5000);}&lt;'+'/script&gt;';
        HTML += '&lt;/body&gt;&lt;/html&gt;';
        var w = 500;
        var h = 200;
        var l = (screen.availWidth - w) / 2;
        var t = (screen.availHeight - h) / 2;
        actionwin = open('javascript:opener.HTML','actionwin','left='+l+',top='+t+',width='+w+',height='+h+',status=0');

        if (actionwin &amp;&amp; !actionwin.closed) actionwin.focus();
                    return true;
                }

&lt;/script&gt;
</code></pre>

<p>Please help :)</p>

<p>Many thanks!</p>
