Делаю страницу для отправки e-mail.
Кликаем на
Кому, открывается новое окно со списком адресов, ставим галки на нужных адресах, жмем
Добавить, окно закрывается.
Файл index.php:
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="conten-type:text/html; charset=utf-8"/>
<title>Отправка сообщения</title>
<style type="text/css">
span#opnAddrBook{background-color:#666; color:#FFC; cursor:pointer; padding:8px; border-radius:4px;}
table#areaAdressBox{position:absolute; left:0px; top:0px; height:100%; width:100%; display:none; background-color:rgba(50, 50, 50, 0.5); z-index:999999;}
</style>
<script language="javascript" type="text/javascript" src="../jq/jquery-1.11.0.min.js"></script>
<script language="javascript" type="text/javascript">
function loadAdressBook(){
window.open('address-book.php?ui=40', 'ab41');
}
</script>
</head><body style="background-color:#efffff;">
<table id="areaAdressBox"><tbody><tr><td align="center" valign="middle"><span id="conteynerAdressBook"></span></td></tr></tbody></table>
<table align="center" width="20%"><tbody style="background-color:#FFC;">
<tr><td align="center"><span id="opnAddrBook" onClick="loadAdressBook()">Кому</span></td><td><input type="email" size="50" id="addrList" name="addrList"/></td></tr>
</tbody></table>
</body></html>
Файл address-book.php:
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="conten-type:text/html; charset=utf-8"/>
<title>Список контактов</title>
<script language="javascript" type="text/javascript" src="../jq/jquery-1.11.0.min.js"></script>
<script language="javascript" type="text/javascript">
function addAddress(){var r='';
$('input[name=em]:checked').each(function(ind, el){
r+=$(this).val()+';';
});
top.document.getElementById('addrList').value=r;
opener.close();
}
</script>
</head><body style="background-color:#efffff;">
<form action="address-book.php" enctype="multipart/form-data" method="get" name="addAddr">
<table align="center" width="20%"><tbody style="background-color:#FFC;">
<?php
for($i=1; $i<=10; $i++){
echo('<tr><td><label><input type="checkbox" id="em'.$i.'" name="em" value="email'.$i.'@mail.com"/> email'.$i.'@mail.com</label></td></tr>');
}
?>
<tr><td align="center"><button onClick="addAdress(); return false">Добавить контакт</button><p id="lch"></p></td></tr>
</tbody></table></form>
</body></html>
Все понятно кроме как передать данные из дочернего окна родительскому?
