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. Un reloj digital en JavaScript
2. Cómo hacer un pop-up con JavaScript
3. Fecha completa con JavaScript
4. Detectar el idioma y país del usuario
5. Fecha de la última actualización
6. Seleccionar y copiar formulario
7. Tres métodos para redireccionar una página
8. Efecto MouseOver con imágenes
9. Manual de introducción al JavaScript
10. Efectos en imágenes pegadas a un link de texto
Más artículos...

Otros artículos...

Hojas de Estilo Transparencias y bordes a imágenes
PHP Utilizar PHP en FrontPage 98
Marketing Promocionando un sitio en los buscadores
Marketing Distintas ofertas; un mismo web
Servidores Combatir hotlinking con .htaccess
Java Script Banners aleatorios sin actualizar la página
Usabilidad Tips para el correcto Diseño Web
PHP Generar documentos de Word
Varios Alojamiento gratuito y con dominio propio
Java Script Slide show de imágenes
Más artículos...