Javascript Trae la ventana al frente si ya está abierta en window.open?

Question

Si abre una ventana como:

window.open ("url","winName","location=0,width=300,height=214"); 

Si winName ya está abierto sólo cambia la dirección URL en la ventana. Esto está bien, pero si esa ventana está detrás de la ventana actual, la mayoría de los usuarios no se darán cuenta de esto y pensarán que simplemente no se está abriendo.

¿Hay alguna forma de que si la ventana ya está abierta, la lleva al frente?

Answer 1

window.focus() aplicado a la ventana en cuestión debería hacer el truco.

Answer 2

Actualización: Esto no ha funcionado desde Chrome (21+). La solución es cerrar/volver a abrir. El método window.open() devuelve un objeto que representa la nueva ventana. Sólo tiene que window.focus() que:

var w = window.open ("url","winName","location=0,width=300,height=214"); 
w.focus(); 

O simplemente:

window.open("url","winName","location=0,width=300,height=214").focus(); 

Answer 3

actualización: Esto no ha trabajado desde Chrome (21+). La solución es cerrar/volver a abrir.

Tenga cuidado, porque cuando abre una nueva ventana, la ventana de apertura aún puede tener algún código para ejecutarse, tal vez parte de este código le da el foco. Vería cómo se abre la nueva ventana en el frente y de repente pasa a la parte posterior, por lo tanto, es una gran idea en estos casos, establecer un tiempo de espera para dar el enfoque a la nueva ventana un poco más adelante, cuando todos el código JavaScript en la ventana de apertura se ejecuta, puede hacerlo de esta manera:

setTimeout(function(){window.focus();},1000); 

Ser 1000 la cantidad de milisegundos a esperar, y la ventana el nombre de la ventana abierta. También podría usar este código en la ventana abierta en la carga del cuerpo, por ejemplo.

Answer 4

Las diversas respuestas que sugieren utilizar cualquier forma de .focus() probablemente no van a funcionar en todos los navegadores.

Esta solía funcionar en el pasado pero no más, principalmente debido a que los navegadores trabajan para evitar que las redes publicitarias oscuras empujen sus anuncios emergentes al primer plano.

En Mozilla Firefox en particular (dependiendo de su versión) hay una configuración configurada por defecto que impide que otras ventanas (por ejemplo, ventanas emergentes) se enfoquen.

Puede encontrar esta configuración en la página about:config (¡pise con cuidado!)

dom.disable_window_flip: true

Si no recuerdo mal este ajuste se llamaba algo así como ~ "allow_raise_or_lower_windows *

otros navegadores puede implementar algo similar, sino simplemente si 1 de los navegadores principales bloquea el uso de .focus() de forma predeterminada, entonces no hay mucho uso al intentar llamarlo.

Como resultado, la única solución que he visto que funciona es ver si la ventana existe, y todavía no está cerrada ... y si la cierra, cargue la ventana que desea.

function closePopupIfOpen(popupName){ 
    if(typeof(window[popupName]) != 'undefined' && !window[popupName].closed){ 
    window[popupName].close(); 
    } 
} 

al abrir su ventana emergente si hay una posibilidad de que ya está abierto (y enterrado detrás de otras ventanas), entonces puede llamar a esta función antes de intentar abrir la ventana emergente.

closePopupIfOpen('fooWin'); 
var fooWin = window.open('someURL', 'foo', '...features...'); 

El inconveniente, por supuesto, es que si había algo (por ejemplo, una forma parcialmente llenado) "importante" en esa ventana se perderá.

Answer 5

i fijo esto añadiendo

onclick="myWin = window.open('','winName','location=0,width=300,height=214'); myWin.focus()" 

al elemento html (botón) y luego cambiar la URL a través de JS.

Answer 6

Puede usar jQuery:

myPopup = window.open(url, "Title","menubar=no, status=no, scrollbars=no, menubar=no, width=800, height=800"); 
$(myPopup).focus();