como dar posocion a un pop up

intiweb · #1 (**permalink**) 12/11/2009, 15:04

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 ????

deirdre · #2 (**permalink**) 12/11/2009, 19:56

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