Maximizar ventana activa

Problema:

Maximizar el tamaño de la ventana donde se ve nuesra página
Ningún diseñador o webmaster puede saber con certeza con que tamaño se abrirá su página web en el explorador del visitante a su página web. La mayoría de los casos se abrirá a tamaño máximo, pero no siempre y eso puede estropear nuestro diseño y mostrar nuestra página algo desfavorecida

Solución

Simplemente se usa el objeto window para colocar y dimensionar

Para todo hay solución, en este caso basta los métodos moveTo() y resizeTo del objeto window. Con el primero colocamos la ventana en la esqueina superior izquierda de la pantalla y con la segunda la ponemos al tamaño de dado por la resolución del monitor.

<script language="JavaScript">

window.moveTo(0,0);
window.resizeTo(screen.width,screen.height);

</script>

Ejemplo

Ver como funciona este script puede no ser demasiado fácil, así que haremos un pequeño ajuste. Escribe el script en la cabecera de tu página pero dentro de una función:

<script language="JavaScript">

function maximizar(){

window.moveTo(0,0);

window.resizeTo(screen.width,screen.height);

}

</script>

Y en la página pones este enlace

<a href="javascript:maximizar()">Maximizar</a>

Ahora abres tu página con el navegador, reduce el tamaño de la ventana y pulsa sobre el enlace, verás como la ventana se maximiza.

Volver al indice de trucos