Comment ouvrir puis fermer une fenêtre sans être bloqué en tant que popup?

Question

Je veux diriger un client dans un site de commerce électronique pour payer via le site Web de Paypal. Je voudrais que le paiement soit effectué dans un nouvel onglet/fenêtre afin que le client ne perde pas l'état actuel de la page Web où il se trouve.

Pour que la fenêtre Paypal s'ouvre sans être bloquée, j'utilise une ancre avec target = "_ blank". Ce qui fonctionne parfaitement sauf pour le fait, je ne peux pas le fermer après le paiement Paypal est fait depuis window.close() ne fonctionne pas pour les fenêtres qui n'ont pas été ouvertes via window.open().

Comment puis-je faire en sorte qu'il ne soit pas bloqué à la fois comme un popup et je suis capable de le fermer avec JS plus tard?

Answer 1

Pour que la fenêtre Paypal s'ouvre sans être bloquée, j'utilise une ancre avec target = "_ blank".

C'est une option, mais aussi longtemps que vous appelez window.open dans le gestionnaire pour un événement généré par l'utilisateur (comme click), vous pouvez ouvrir les fenêtres pop-up. Donc, assurez-vous que vous appelez window.open à partir d'un gestionnaire click sur le lien (et vous pouvez le fermer). Les bloqueurs de fenêtres contextuelles modernes (depuis les dernières années) bloquent les fenêtres pop-up qui ne sont pas déclenchées par un événement utilisateur, mais autorisent celles qui le sont.

Live example | source:

HTML:

<p><a href="#" id="target">Click to open popup</a>; it will close automatically after five seconds.</p> 

JavaScript:

(function() { 

    document.getElementById("target").onclick = function() { 
    var wnd = window.open("http://stackoverflow.com"); 
    setTimeout(function() { 
     wnd.close(); 
    }, 5000); 
    return false; 
    }; 

})();