2015-03-17 4 views
0

Я хочу закрыть страницу при нажатии кнопки. Я использую скрипт add_address.php для вывода список адресов электронной почты из message коробки, и я хочу, чтобы вывести адреса электронной почты к text полю в send.php сценарииКак закрыть всплывающее окно при нажатии кнопки?

Вот код для add_address.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Add Email Addresses...</title> 
    </head> 
    <body> 
    <form action="send.php" method="post"> 
    <table> 
     <tr> 
      <td><textarea name="message" cols="50" rows="20"></textarea></td> 

     </tr> 

     <td colspan="2" align="left"> 
      <input type="submit" name="send" value="Add Email" style="height:35px; width:100px"> 
     </td> 
    </table> 
    </form> 
    </body> 

Вот код для send.php:

<?php 
    if (!empty($_POST['message'])) 
    { 
     $emails = explode("\n", $_POST['message']); // explode textarea on a line break into an array 
     $email_str = implode(", ", $emails); // take each of the emails and implode together with the , 
    } 
?> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Send Email</title> 
    <link type="text/css" rel="stylesheet" href="style.css" /> 
    </head> 
    <body> 
    <form action="pr_send.php" method="POST"> 
    <table> 
     <!-- <tr> 
      <td>From:</td> 
      <td><input type="text" name="from"></td> 
     </tr> --> 
     <tr> 
      <td><input type="button" name="to" value="" style="height:24px; width:24px; background:url('addressbook.png'); border:none;" onClick="Popup()"> To:</td> 
      <td><input type="text" name="to" value="<?php if (!empty($email_str)) { echo $email_str; } ?>" style="height:15px; width:650px"></td> 
     </tr> 
     <tr> 
      <td>Subject:</td> 
      <td><input type="text" name="subject" style="height:15px; width:650px"></td> 
     </tr> 
     <tr> 
      <td>Message:</td> 
      <td><textarea name="message" cols="90" rows="20"></textarea></td> 
     </tr> 
     <tr> 
      <td colspan="2" align="left"> 
       <input type="submit" name="send" value="" style="height:35px; width:100px; background:url('send.png'); border:none"> 
      </td> 
     </tr> 

    </table> 
    </form> 
    </body> 
<script type="text/javascript"> 
function Popup() 
{ 
    window.open("add_address.php", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=500, width=400, height=400"); 
} 
</script> 

</html> 

Что мои фрагменты были показать, что только позволил мне вывести список адресов электронной почты в поле message и я t будет перенаправляться на страницу send.php, чтобы вывести список адресов электронной почты в поле text, не закрывая его.

+0

У вас есть кнопка в add_address.pph, которая закрывает это. У вас есть кнопка в send.php, которая закрывает это. Что не закрывается? – dcromley

+0

@dcromley кнопка в add_address.php не закрылась, когда я нажимаю ее. вы можете помочь? –

ответ

0

Вы не должны с помощью window.open, вместо этого вы должны использовать другой способ, как создать всплывающую функцию с Jquery и CSS или использовать библиотеки, которые уже создали (tagit.js):

http://aehlke.github.io/tag-it/

+0

Что? Я использую window.open для создания всплывающего окна. У вас там плохой ответ, и я надеюсь, что кто-то даст вам проголосовать за плохой ответ. –

+0

Используйте его http://vodkabears.github.io/remodal/ для popup, что я имею в виду tagit для электронной почты тега в вашей форме. –

0

я могу быть вне базы, но я думаю, что вам нужен только javascript-диалог для получения ваших адресов электронной почты. Вы можете искать это. Я придумал эту модель (начало для меня):
EDIT: модель расширена для ответа на комментарий.

<!DOCTYPE html><html><!-- HTML5 --> 
<!-- - - - - head - - - - --><head> 
    <meta charset="UTF-8"> 
    <title>..</title> 
<!-- - - - - script - - - - --><script type="text/javascript"> 
function opendialog() { 
    var elt1 = document.getElementById("dialogid"); 
    elt1.style.display = "inline"; 
    } 
function closedialog() { // process the dialog data 
    var elt1 = document.getElementById("iddialog"); 
    var elt2 = document.getElementById("idbase"); 
    elt2.value = elt1.value; 
    var elt3 = document.getElementById("dialogid"); 
    elt3.style.display = "none"; 
    } 
</script> 
<!-- - - - - style - - - - --><style type="text/css"> 
td:nth-child(1) { width:100px; } 
td:nth-child(2) { width:400px; } 
table input  { width:100%; } 
#dialogid { display: none; background: #fee; 
      position: fixed; left: 200px; top: 100px; width: 800px; height: 50px; } 
</style> 
</head> 
<!-- - - - - body - - - - --><body><div id="bodydiv"> 
<table><tr> 
    <td></td><td><button type="button" onclick="opendialog();">Opendialog</button></td> 
</tr><tr> 
    <td>To:</td><td><input type="text" id="idbase" /></td> 
</tr><tr> 
    <td>Subject:</td><td><input type="text" /></td> 
</tr><tr> 
    <td>Message:</td><td><textarea cols="90" rows="20"></textarea></td> 
</tr><tr> 
    <td></td><td><button type="button">Sendmail</button></td> 
</tr></table> 
<div id="dialogid"> 
    This is the dialog<br /> 
    To: <input type="text" id="iddialog" /> 
    <button type="button" onclick="closedialog();">Closedialog</button> 
</div> 
</div></body></html><!-- - - - - end of it all - - - - --> 
+0

где мне нужно поместить этот код в какой скрипт? add_address.php или send.php? –

+0

@Tim Cullen - Я предлагаю вам не использовать php для добавления адреса - что вы делаете это в javascript. Я немного расширил модель. Вам нужно будет выполнить взрывацию и т. Д. В javascript. Есть только одна рутина. Нет отправки, кроме окончательного «sendmail». – dcromley

Смежные вопросы