Soort popup

<?php //kleur


//In de HTML (body)

<div id="loginscherm" style="display: none;">
	<div id="overlay">
	</div>
	<div id="login">
		<table style="width: 100%;">
			<tr>

				<td align="center" style="margin-top: 100px;">
					<table style="margin-top: 243px">
						<tr>	
							<td style="background-color: white; border: 10px solid black;">
								<a href="#" onClick="show('loginscherm');" accesskey="x">Sluit</a>
								<form action="http://www.xxx.nl/content/login.php" method="post">
									<input type="hidden" name="action" value="login" />	
									<input type="text" tabindex="1" class="text" name="user" /><-- Username<br />
									<input type="password" tabindex="2" class="text" name="pass" /><-- Password<br />

									<input type="submit" class="text" value="Log in!" />
								</form>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>

</div>




//Dat was de body
//in de head:
<script type="text/javascript" language="JavaScript1.2" src="show.js"></script>

//in show.js:
function show(cid) 
{
	if (document.getElementById(cid).style.display == 'none') 
	{
		document.getElementById(cid).style.display = 'inline';
	}
	else
	{
		document.getElementById(cid).style.display = 'none';
	}
}



//CSS:
#overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 65;
	height: 100%;
	width: 100%;
	background-color: black;
	color: white;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
	text-align: center;
}
#login {
	position: absolute;
	top: 0px;
	opacity: 1;
	z-index: 100;
	margin: 0px auto;
	width: 100%;
	height: 100%;
}


//zo




//einde kleur ?>