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

como dar posocion a un pop up

Estas en el tema de como dar posocion a un pop up en el foro de Diseño web en Foros del Web. hola yo lo que quiero conseguir es que al abrir un pop up en ves de aparecer arriba me aparesca en el medio de la ...
  #1 (permalink)  
Antiguo 12/11/2009, 15:04
Avatar de intiweb  
Fecha de Ingreso: mayo-2009
Ubicación: Capital Federal
Mensajes: 363
Antigüedad: 8 años, 7 meses
Puntos: 5
como dar posocion a un pop up

hola yo lo que quiero conseguir es que al abrir un pop up en ves de aparecer arriba me aparesca en el medio de la pantalla y por atras de la pagina principal desde donde lo abri..

hay alguna manera de hacer esto ????
  #2 (permalink)  
Antiguo 12/11/2009, 19:56
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: como dar posocion a un pop up

Hola intiweb

Los popups que se abren por debajo de la ventana principal y quedan ocultos hasta que el browser se cierra se llaman 'popups under'. Funcionan igual que un popup 'normal' sólo que quedan por debajo del browser.

Si la apertura del popup es bajo demanda del usuario (haciendo click sobre un enlace) los navegadores en su instalación por defecto (sin tocar ni personalizar) lo permiten siempre.

Si la apertura es de forma automática, al entrar en la página, SIEMPRE son abortados por los navegadores (por lo tanto es inútil su uso): afortunadamente es así; se acabaron los viejos tiempos en que te inundaban de publicidad indeseada.

Aquí te dejo un código que hace lo que pides (bajo demanda del usuario):

Código HTML:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>

<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Popup Under Centrado</title>
<script type='text/javascript'> 
function popup(url,ancho,alto) { 
	var posicion_x; 
	var posicion_y; 
		posicion_x=(screen.width/2)-(ancho/2); 
		posicion_y=(screen.height/2)-(alto/2); 
		window.open(url, '', 'width='+ancho+',height='+alto+',menubar=0,toolbar=0,directories=0,scrollbars=no,resizable=no,left='+posicion_x+',top='+posicion_y+''); 
	focus();
} 
</script>

</head>

<body>
<p><a href="javascript:popup('mi_popup.html',400,300)">Abrir popup under (bajo la ventana principal) y centrado en la pantalla</a></p>

<p>Funciona correctamente en iexplorer 6, 7 y 8; firefox 2 y 3.5; safari 4</p>

<p>No funciona correctamente en opera 10 ni en chrome 2 (el popup queda por encima de la ventana principal)</p>
</body>

</html> 
Para probarlo lo copias y lo pegas en un html limpio.

Bye
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 14:06.