Srob Blabla et trucs techniques.

Modifier dynamiquement le contenu d'une fenêtre popup depuis son document parent

Ce snippet permet de contrôler dynamiquement le contenu d'une fenêtre popup depuis un script exécuté par sa fenêtre parente, en utilisant jQuery.

Code HTML dans la fenêtre parente

<a href="#" class="openMyPopup">Open my popup</a>
<textarea id="myTextArea"></textarea>

Javascript dans la fenêtre parente

// Ouverture du popup
$('.openMyPopup').on('click', function() {
    var win = window.open('about:blank', '_blank', "location=no,menubar=no");
    win.document.write('<!DOCTYPE HTML><html lang="en-UK"><head><meta charset="UTF-8"><title>My Popup title</title><link href="http://example.com/myPopup.css" type="text/css" rel="stylesheet"/></head><body></body></html>');

    // Mise à jour du contenu du popup
    $('#myTextArea').on('keyup', function(){
        win.document.body.innerHTML = $(this).val();
    });
});

Exemple

Ouvrez le popup en cliquant sur le lien ci-dessous, puis saisissez du texte dans la textarea :

Open my popup