Abrir ventana centrada en pantalla

Muchas veces hemos tenido la necesidad de abrir una ventana centrada en la pantalla, esto es posible realizarlo con una simple función escrita en JavaScript.

Creamos la función

Dentro de los tags <head> y </head> ubicaremos la siguiente función, la misma detecta el ancho y largo de la pantalla, realizar un cálculo determinando el punto medio y abre la ventana en ese punto.

<script language="JavaScript">

function AbrirCentrado(Url,NombreVentana,width,height,extras) {
var largo = width;
var altura = height;
var adicionales= extras;
var top = (screen.height-altura)/2;
var izquierda = (screen.width-largo)/2; nuevaVentana=window.open(”+ Url + ”,”+ NombreVentana + ”,’width=’ + largo + ‘,height=’ + altura + ‘,top=’ + top + ‘,left=’ + izquierda + ‘,features=’ + adicionales + ”);
nuevaVentana.focus();
}

</script>

Enlace

Para el enlace debemos llamar a la función y pasarle los parámetros de nuestra ventana: tal como la URL de la página, el título y las medidas de la misma.

<a href="javascript:AbrirCentrado(‘pagina.html’,’Pagina’,’510′,’280′,”);">Abrir ventana centrada</a>

Deja un comentario