2

Quisiera saber como centrar una ventana modal hecha con window.open de manera horizontal y verticalmente, lo que tengo es esto:

 var myWindow ="wa.me/…?"; 
 window.open(myWindow, "", "width=600,height=400");
10
  • Hola @Noe Muñoz. Debes poner todo el código para que te podamos ayudar. Lo que tengas echo HTML y JS. Saludos!
    – Fran Islas
    Commented el 18 oct. 2018 a las 3:46
  • En sí el código es muy largo, te voy a colocar lo que hace parte de la modal: "var myWindow ="wa.me/…?"; window.open(myWindow, "", "width=600,height=400");"
    – Noe Muñoz
    Commented el 18 oct. 2018 a las 3:50
  • tradicionalmente se le agregaba top=xxx, left=yyy a las features calculando la mitad de la pantalla menos la mitad del ancho y alto, pero ya no hacen caso los navegadores por cuestiones de experiencia de usuario, mas info -> es.stackoverflow.com/a/160783/81450 Commented el 18 oct. 2018 a las 3:57
  • Hola alo Malbarez, hay forma de hacerlo tal véz con un tipo de align: center, o algo parecido?
    – Noe Muñoz
    Commented el 18 oct. 2018 a las 3:59
  • la respuesta es "undefined" =P, cada navegador suele hacer lo que le place, abren tabs, no las abren , las abren pero en "algún lado" creo que delegan al manejador de ventanas del sistema operativo el tema de donde posicionarla para que no moleste u oculte a las otras aplicaciones/ventanas. Commented el 18 oct. 2018 a las 4:02

1 respuesta 1

2

Prueba lo siguiente:

<script>
function PopupCenter(url, title, w, h) {
    // Fixes dual-screen position                         Most browsers      Firefox
    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : window.screenX;
    var dualScreenTop = window.screenTop != undefined ? window.screenTop : window.screenY;

    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
    var top = ((height / 2) - (h / 2)) + dualScreenTop;
    var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

    // Puts focus on the newWindow
    if (window.focus) {
        newWindow.focus();
    }
}
</script>
<button type="button" onclick="PopupCenter('http://www.google.com.ar','xtf','600','400');">Open</button>

Por favor, lee como preguntar. Para poder formular tus preguntas correctamente en el futuro. Espero que te sirva la respuesta. Saludos!

5
  • Podrías por favor mostrar el código un poco más limpio?
    – Noe Muñoz
    Commented el 18 oct. 2018 a las 4:17
  • @Noe Muñoz no te entiendo. A que te referís con con el código mas limpio?
    – Fran Islas
    Commented el 18 oct. 2018 a las 4:20
  • El código que me pasaste es algo enredado, puedes pasarlo un pococ más "fácil de entender"?
    – Noe Muñoz
    Commented el 18 oct. 2018 a las 4:21
  • @Noe Muñoz Disculpa, estaba leyendo las normas de la comunidad. Para explicarte detalladamente todas las dudas que tengas vamos a dejar una larga cola de comentarios! Según las normas eres libre de compartir algún medio de contacto como correo electrónico en tu perfil. Si lo deseas puedes hacer eso y con gusto me comunico y te explico todas las dudas. Saludos!
    – Fran Islas
    Commented el 18 oct. 2018 a las 4:35
  • Claro, escríbeme a [email protected]
    – Noe Muñoz
    Commented el 18 oct. 2018 a las 14:30

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.