Comment ouvrir popup et le peupler avec des données de la fenêtre parent?

Question

Comment puis-je utiliser JavaScript/jQuery pour remplir une fenêtre contextuelle avec des données provenant de variables JS dans la page parente?

Dans mon exemple, j'ai un tableau de noms de fichiers. Je liste au plus cinq dans la fenêtre parent et s'il y a plus je veux fournir un lien qui ouvre une fenêtre de popup et énumère chaque publication dans le tableau. Donc, si j'ouvre un popup contenant un <ul id="all_files"></ul>, comment ajouter <li> -items à cette liste?

Answer 1

Parent fenêtre:

<span id="popup"> Click to Open Popup </span> 

<script type="text/javascript"> 
var ar=new Array("Item 1", "Item 2", "Item 3", "Item 4", "Item 5", "Item 6", 
       "Item 7", "Item 8", "Item 9", "Item 10"); 
function getArray(){ 
    return ar; 
} 
$(document).ready(function(){ 
    $("span#popup").click(function(){ 
     var p=window.open("Popup.html"); 
    }); 
}); 
</script> 

fenêtre pop-up:

<ul id="list"></ul> 
<script type="text/javascript"> 
    if(window.opener && !window.opener.closed){ 
     var ar= window.opener.getArray(); 
     var items=""; 
     for(var i=0;i<ar.length;i++){ 
      items +="<li>" + ar[i] + "</li>"; 
     } 
     $("ul#list").html(items); 
    } 
</script>