Abrir una ventana nueva centrada.

 
Este código es muy parecido al anterior código "Abrir una ventana nueva", con la diferencia de que en este caso no se reciben las variables de posicionamiento "izquierda" y "arriba", sino que se asignan directamente para que la ventana quede centrada. Para esto se utilizan las propiedades de la pantalla (screen) de ancho y alto disponible (availWidth, availHeight)


En el HEAD:
<script type="text/javascript">
// Su explorador no soporta java o lo tiene deshabilitado; esta pagina necesita javascript para funcionar correctamente<!--
// Copyright © McAnam.com
// http://www.mcanam.com/articulos/JavaScript.php?id=20
            
function abrir(direccion, pantallacompleta, herramientas, direcciones, estado, barramenu, barrascroll, cambiatamano, ancho, alto, sustituir){

    var izquierda = (screen.availWidth - ancho) / 2;
    var arriba = (screen.availHeight - alto) / 2;

    var opciones = "fullscreen=" + pantallacompleta +
                   ",toolbar=" + herramientas +
                   ",location=" + direcciones +
                   ",status=" + estado +
                   ",menubar=" + barramenu +
                   ",scrollbars=" + barrascroll +
                   ",resizable=" + cambiatamano +
                   ",width=" + ancho +
                   ",height=" + alto +
                   ",left=" + izquierda +
                   ",top=" + arriba;

    var ventana = window.open(direccion,"ventana",opciones,sustituir);

}                    
//-->    
</script>

En el BODY:
<input type="button" onclick="abrir('pagina.htm',0,0,0,1,1,1,1,100,100,1);" value="Abrir ventana con boton">

Links relacionados:
Abrir una ventana nueva
Mantener PopUp siempre en primer plano
Abrir una ventana sin bordes en javascript
Generador para abrir ventanas en JavaScript
Conocer datos del usuario


Para cualquier duda, consulta, sugerencia, opinión, colaboración, etc; no dude en ponerse en contacto con nosotros

Copyright © 2002-2017 [McAnam]. Reservados todos los derechos.
www.mcanam.com