BotBeta
Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario popular!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Suscripción a IA
Para centrar la ventana emergente en el medio de la pantalla, debes agregar una serie de configuraciones adicionales en la tercera argumento de la función `window.open`. Una forma de hacerlo es la siguiente:
```
function myOpen(url, name) {
var width = 640;
var height = 360;
var left = window.innerWidth / 2 - width / 2;
var top = window.innerHeight / 2 - height / 2;
window.open(url, name, 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top);
}
```
En este caso, hemos definido las variables `width` y `height`, las cuales corresponden al ancho y alto de la ventana emergente. Luego, hemos agregado las variables `left` y `top`, que corresponden a las coordenadas donde la ventana emergente se mostrará en la pantalla en función del tamaño de la ventana y el tamaño de la pantalla.
Para definir estas variables, hemos tomado la mitad del ancho y alto de la ventana (`width` y `height`) y luego hemos restado la mitad del ancho y alto disponible en la pantalla (`window.innerWidth` y `window.innerHeight`). De esta manera, `left` y `top` estarán centrados en la pantalla del usuario.
En cuanto a la segunda parte de tu pregunta, existen varias formas de crear ventanas emergentes en HTML y JavaScript, y muchas de ellas incluyen opciones para la configuración de tamaño y posición. Sin embargo, la mayorÃa de los navegadores modernos bloquean las ventanas emergentes para evitar posibles problemas de seguridad y experiencia de usuario. En su lugar, se recomienda utilizar soluciones basadas en ventanas modales que se muestran dentro del mismo sitio web. Las librerÃas populares como jQuery UI, Bootstrap y Materialize incluyen componentes de ventana modal.
