Hello guys,

so i have a problem. i have a css/div box, and i have a login form.
what im tryn to do is make it so that when i login, it it takes whats in the action of the form and shows it in the div box. the div box is like one of those cool popup boxes, it's done by using javascript and css.

anyway, the div box works. the login form works. i just haven't been able to figure out how to get it to appear in the div instead of into a new page.

so if any1 can help that would be much appreciated!

here's my code:

Code:
<head><link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" type="text/css" href="popup.css" /></head>

<form name="Login" method="post" action="login/check.php">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Username:</td>
<td>Password:</td>
</tr>
<tr>
<td><input name="myusername" type="text" class="txt" id="myusername"></td>
<td><input name="mypassword" type="password" class="txt" id="mypassword"></td>
<td><input type="submit" class="btn" name="Submit" value="Login" onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('PopUp').style.display = 'block' "></td></tr>
</table>
</form>

<div id='PopUp'>
<br />
<div id="close">
<a id="link" 
        onmouseover='this.style.cursor="pointer"' 
        onfocus='this.blur();' 
        onclick="document.getElementById('PopUp').style.display = 'none'">
        <span id="span">Close</span></a>
</div>
</div>