ARTICULOS

Abrir ventana centrada en pantalla

Autor: Fabian Muller (http://www.webexperto.com/) - 18/07/2006

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>

 

Más artículos sobre Java Script

1. Redirección de acuerdo a la resolución del usuario
2. Listas dependientes
3. Efecto "terremoto" en el navegador
4. Redimensionar tamaño de ventana
5. Todo sobre imágenes en JavaScript
6. Pequeños trucos de Java Script
7. Informar cantidad de caracateres
8. Nivelar altura de capas paralelas
9. Mostrar cantidad de días online
10. Mensajes en la barra de estado en los links
Más artículos...

Otros artículos...

ASP Creando una galería de fotos
Hojas de Estilo Crear página centrada sin usar tablas
HTML Personalizar el icono de favoritos
ASP Contando visitantes activos
ASP Manual de introducción al ASP
Java Script Precarga de imágenes en JavaScript
Fireworks Optimizando gráficos con el Fireworks
WML WAP Detector de navegadores WAP
Flash Imágenes aleatorias en Flash MX
Java Script Pasando datos entre páginas html con JavaScript
Más artículos...