Og ja måske lavet nede i bungen af det hele et lille "x" hvor man bare kan luk den samme hvis du kan følge mig 
tilføj
html +='<a href="javascript:void(0);" onclick="hideform()">luk</a>';
i næst nederste linje i de 2 functioner ( login() og opret() )
function hideform(){
document.getElementById('opretbox_forside').innerHTML = menu();
}
demo opdateret.
----
tilføjet 21:13
her er hele coden:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
*{
margin: 0px; padding: 0px;
}
html {
overflow-y: scroll;
}
.box{
background:white;
}
#opretbox_forside {
width: 220px;
float: right;
border: 2px solid #EFA63E;
border-radius: 5px;
text-align: center; /* centrarer indholdet af boxen */
}
#opretbox_forside ul {
/* list-style-position: inside; */
}
#opretbox_forside li {
display: inline;
}
#opretbox_forside p {
text-align: left;
margin-left: 36px;
}
</style>
<script type="text/javascript">
function menu(){
var html ='<ul>';
html +='<li><a href="javascript:void(0);" onclick="opret()">Opret bruger</a></li>';
html +='<li><a href="javascript:void(0);" onclick="login()">Log ind</a></li>';
html +='</ul>';
return html;
}
function opret(){
var html = menu();
html +='<form name="opret_bruger" method="post" action="opret.php" id="opretbox-box">';
html +='<p>Email</p>';
html +='<input type="text" name="email" />';
html +='<p>Password</p>';
html +='<input type="password" name="pass" />';
html +='<p>Password gentag</p>';
html +='<input type="password" name="gentag" />';
html +='<p>Fornavn</p>';
html +='<input type="text" name="fornavn" />';
html +='<p>Efternavn</p>';
html +='<input type="text" name="efternavn" />';
html +='<p>Fødselsdato</p>';
html +='<select name="boy-girl">';
html +='<option>Vælg her</option>';
html +='<option>18</option>';
html +='<option>19</option>';
html +='<option>20</option>';
html +='<option>21</option>';
html +='</select>';
html +='<p>Jeg er</p>';
html +='<select name="boy-girl">';
html +='<option>Vælg her</option>';
html +='<option>Jeg er Kvinde</option>';
html +='<option>Jeg er mand</option>';
html +='</select>';
html +='<p>Jeg bor</p>';
html +='<select name="by">';
html +='<option>Vælg her</option>';
html +='<option>Sjælland</option>';
html +='<option>Fyn</option>';
html +='<option>Jylland</option>';
html +='</select>';
html +='<p><input type="submit" name="send" /><p>';
html +='</form>';
html +='<a href="javascript:void(0);" onclick="hideform()">luk</a>';
document.getElementById('opretbox_forside').innerHTML =html;
}
function login(){
var html = menu();
html +='<form name="opret_bruger" method="post" action="login.php" id="opretbox-box">';
html +='<p>Email</p>';
html +='<input type="text" name="email" />';
html +='<p>Password</p>';
html +='<input type="password" name="pass" />';
html +='<p><input type="submit" name="send" /><p>';
html +='</form>';
html +='<a href="javascript:void(0);" onclick="hideform()">luk</a>';
document.getElementById('opretbox_forside').innerHTML =html;
}
function hideform(){
document.getElementById('opretbox_forside').innerHTML = menu();
}
</script>
</head>
<body>
<div id="opretbox_forside">
<script type="text/javascript">
document.write(menu());
</script>
</div>
</body>
</html>
de externe filer du omtaler i beskeden står som kommentare, jeg bare ikke har gidet at fjerne (er fjernet her), så du kan bare kopierer hele den code ind i et tomt document, og du har sammen resultat som i min demo
nb: vær opmærksom på følgende bug her på udvikleren.dk
bug ved kopiering af code fra udvikleren.dk
I FF ver 14.0.1 ryger indrykninger
I IE ver 9.0.8 er indrykningerne gode nok, men tilgængæld er der også linenummerering med
Indlæg senest redigeret d. 29.08.2012 21:14 af Bruger #16075