Ver Mensaje Individual
  #4 (permalink)  
Antiguo 21/04/2009, 11:00
takiy
 
Fecha de Ingreso: mayo-2008
Mensajes: 11
Antigüedad: 16 años
Puntos: 0
Respuesta: ventana emergente personalizado

Bueno utiliza mejor Css para ventanas Pop up - por que las tradicionales muchas veces el browser los bloquea, no te lo recomiendo, pero puedes utilizar y adaptarlo a tu gusto... (este codigo)

Código HTML:
<html><head><title>prueba</title>
<style>
		.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #3399FF;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
		}
		.white_content {
	display: none;
	position: absolute;
	top: 30%;
	left: 30%;
	width: 30%;
	height: 20%;
	padding: 16px;
	border: 10px solid #84A6E7;
	background-color: white;
	z-index:1002;
	overflow: auto;
	right: 30%;
		}
	</style>
</head>
<body>
<center><h1>Identificate! :D </h1>

<h1><a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">Ingresa</a></h1>

<div id="light" class="white_content">
<form action="comprueba.php" method="POST">
Login: <input type="text" name="login"><br>
Password: <input type="password" name="pass"><br>
<input type="submit" value="Entrar">
</form>
 <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Cerrar</a></div>
		<div id="fade" class="black_overlay"></div></center>
</body></html>