Как открыть всплывающее окно и заполнить его данными из родительского окна?

Question

Как я могу использовать JavaScript / jQuery для заполнения всплывающего окна данными из JS-переменных на родительской странице?

В моем примере у меня есть массив имен файлов. Я перечисляю не более пяти в родительском окне, и если есть еще, я хочу предоставить ссылку, которая открывает всплывающее окно и перечисляет каждый пост в массиве.

Так что, если я открою всплывающее окно, содержащее <ul id="all_files"></ul>, как я могу добавить <li> -элементов в этот список?

Answer 1

Родительское окно:

<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>

Всплывающее окно:

<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>