ventana emergente personalizado

akira the one · #1 (**permalink**) 21/04/2009, 10:03

ola a todos una pregunta como puedo hacer para ke mi ventana emergente salga con las siguientes especificaciones..... sin barra de herramientas, sin barra de estado, sin barra de direcciones, con medidas especificas y posicionado al centro... spero me puedan ayudar gracias.....

ojo esto ya lo eh hecho en dreanweaver pero no tiene la opccion para ponerlo en el centro....

Pinty · #2 (**permalink**) 21/04/2009, 10:15

Que lenguaje de programación usas?? Por ejemplo puedes hacer este script en javascript, a ver si te sirve, a mi me funciona bien

Código:

<script language="javascript">
  function abrirventana (ventana)
   {
     window_handle = window.open   (ventana,"miventana","'toolbar=no,scrollbars=no,width=300,height=200'");
   window_handle.focus();
  } 
</script>

Espero que te sirva de ayuda.

Un saludo

akira the one · #3 (**permalink**) 21/04/2009, 10:29

ok gracias... pero donde le indico ke la ventana debe ubicarce al centro de la pagina....... ?

takiy · #4 (**permalink**) 21/04/2009, 11:00

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>

Pinty · #5 (**permalink**) 22/04/2009, 09:13

Pues si te digo la verdad a mi me posiciona las ventanas en el centro. Igual es casualidad por que solo las use en un par de ocasiones. Igual existe alguna propiedad tal como "margin-top" o "margin-left" pero no estoy seguro. Yo sigo buscando alguna solucion. Si me entero de algo te lo escribo ok??.

Un saludo