Foros del Web » Creando para Internet » Diseño web »

ventana emergente personalizado

Estas en el tema de ventana emergente personalizado en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/04/2009, 11:03
 
Fecha de Ingreso: marzo-2006
Mensajes: 134
Antigüedad: 11 años, 8 meses
Puntos: 0
Exclamación ventana emergente personalizado

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....
  #2 (permalink)  
Antiguo 21/04/2009, 11:15
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 8 años, 9 meses
Puntos: 14
Respuesta: ventana emergente personalizado

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
  #3 (permalink)  
Antiguo 21/04/2009, 11:29
 
Fecha de Ingreso: marzo-2006
Mensajes: 134
Antigüedad: 11 años, 8 meses
Puntos: 0
Exclamación Respuesta: ventana emergente personalizado

ok gracias... pero donde le indico ke la ventana debe ubicarce al centro de la pagina....... ?
  #4 (permalink)  
Antiguo 21/04/2009, 12:00
 
Fecha de Ingreso: mayo-2008
Mensajes: 11
Antigüedad: 9 años, 7 meses
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> 
  #5 (permalink)  
Antiguo 22/04/2009, 10:13
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 8 años, 9 meses
Puntos: 14
Respuesta: ventana emergente personalizado

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:19.