Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Как передать данные из дочернего окна родительскому? (https://javascript.ru/forum/project/64445-kak-peredat-dannye-iz-dochernego-okna-roditelskomu.html)

teaBox 11.08.2016 19:47

Как передать данные из дочернего окна родительскому?
 
Делаю страницу для отправки 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"/>&nbsp;&nbsp;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>






Все понятно кроме как передать данные из дочернего окна родительскому?

ksa 12.08.2016 09:59

Цитата:

Сообщение от teaBox
как передать данные из дочернего окна родительскому?

http://javascript.ru/forum/misc/1323...derzhkojj.html

warren buffet 12.08.2016 15:28

Цитата:

Сообщение от teaBox
window.open('address-book.php?ui=40', 'ab41');

Дела давно минувших дней, не говоря о том, что попапы считай у всех заблокированы по умолчанию. Не ленись, нарисуй т.н. модальное окно, то есть div, в который и вставится полученный от php контент.


Часовой пояс GMT +3, время: 19:36.