In this code snippet i will show you how you can click a button after an input field wich creates a popup. This popup is actually a plain html page where you can enter data into a textarea. When the user is done editing text in the textarea, he can hit the save button and the value from the textarea is saved to the textfield on the main.html page.

main.html

PLAIN TEXT
HTML:
  3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
  4. <title>Nieuwe pagina 1</title>
  5.     <script type="text/javascript">
  6.         function createpopup(){
  7.             var wind1=null;
  8.             var tmp=null;
  9.             wind1 = window.open('popup.html', 'displayWindow', 'width=400,height=300,status=no,toolbar=no,menubar =no,scrollbars=1');
  10.         }
  11.         function getValues(){
  12.             document.forms["frmform"].elements["txtmail"].value = tmp;
  13.         }
  14.     </script>
  15. </head>
  16.  
  18. <form action="#" name="frmform" method="get">
  19. <input type="text"  name="txtmail" value="" /><button onclick='createpopup();' name ="cmdpopup"/>
  20. </form>
  21. </body>
  22.  
  23. </html>

When the user clicks ont the save button, the data in the textarea is send to a function on the main page that puts the data into the textfield
popup.html

PLAIN TEXT
HTML:
  4.     function filltextfield(f){
  5.         var text=f.txttext.value;
  6.         window.opener.tmp=text;
  7.         window.opener.getValues();
  8.         window.close();
  9.         }
  10. </script>
  11. </head>
  13. <form action='#' name='myform' action='post'>
  14. <TEXTAREA rows='2' cols='20' name='txttext'></TEXTAREA><br>
  15. <INPUT type='button' value='save' onclick='javascript:filltextfield(this.form);'>
  16. <INPUT type='button' value='cancel' onclick='javascript:window.close();'>
  17. </form>
  18. </body>
  19. </html>

Popularity: 8% [?]

del.icio.us:how to create a popup that returns data to the parent page digg:how to create a popup that returns data to the parent page spurl:how to create a popup that returns data to the parent page furl:how to create a popup that returns data to the parent page reddit:how to create a popup that returns data to the parent page fark:how to create a popup that returns data to the parent page Y!:how to create a popup that returns data to the parent page

Related Posts