Apertura Controlada de Ventanas

La idea de este javascript es que al pinchar un enlace se abra una ventana con el tamaño que queramos, pudiendo también controlar otros parámetros como que tenga barra de estado o no, que se pueda modificar el tamaño o no, etc.

Esto es bastante práctico cuando en una página tenemos enlaces a muchas fotos. De esta manera la página se carga rápido porque no tiene fotos y el visitante puede ir abriendo las que quiera sin que le desaparezca la página principal.

El código que hay que insertar es el siguiente:

     <a href="javascript:;" onClick="window.open()">Texto del enlace</a>

Los elementos de la ventana que se pueden ajustar deben ir en el paréntesis de window.open separados por comas y encerrados en comillas simples. Ejemplos:

• Para abrir la página ejemplo.htm que está en la misma carpeta que la actual con un tamaño de 200x375, con el resto de elementos en su valor predeterminado que es 0 o NO

     window.open('ejemplo.htm','','height=200,width=375')   Ver

• La misma ventana pero con barra de estado

     window.open('ejemplo.htm','','height=200,width=375,status=1')   Ver

• La misma ventana pero con barra de menús

     window.open('ejemplo.htm','','height=200,width=375,menubar=1')   Ver

• La misma ventana pero con barra de herramientas

     window.open('ejemplo.htm','','height=200,width=375,toolbar=1')   Ver

• La misma ventana pero con barra de dirección

     window.open('ejemplo.htm','','height=200,width=375,location=1')   Ver

• Si en la ventana hay un enlace a otra página que no cabe en el tamaño que hemos fijado, como es el caso del ejemplo, hay que dar la opción de que aparezcan barras de desplazamiento o de redimensionar la ventana. Esto se hace con scrollbars=1 y resizable=1 respectivamente.

     window.open('ejemplo.htm','','height=200,width=375,scrollbars=1')   Ver
     window.open('ejemplo.htm','','height=200,width=375,resizable=1')   Ver