submit form data to parent window

@7studJan 28.2005 — #To take some action when a user submits a form, you put an onsubmit event handler in the <form> tag. Your onsubmit even handler will then call a function.

<form name="f" method="post" action="default.htm" [color="red"]onsubmit="return send_to_main()"[/color]>

Since a submit button sends form data off to the server, you are going to want to cancel the submit, which can be done by returning 'false' from the function.

In send_to_main(), you can get the values of the user's choices in the popup, then add that information to the main page:

opener.color = document.getElementById("colorID").value;

where on the main page you have this:

var color;

In the popup, you can do anything with a script that you could do with a script on the main page--you just have to use 'opener' to reference the main page, e.g. opener.mainpage_function(), opener.mainpage_var.

If you want, you don't even need to have any functions on the popup page. You could change your onsubmit event handler to this:

<form name="f" method="post" action="default.htm" onsubmit="return [color="red"]opener[/color].get_popup_vals()">

From the function get_popup_vals() on the main page you can access the popup window, using the window reference returned by window.open();

var popup = window.open(.....);

<i>
 </i>function get_popup_vals()
 {
 var color = popup.document.getElementById("colorID").value;
 ..
 ..
 return false;
 }

To close the popup:

window.close();

To cancel the submit:

return false;

submit form data to parent window

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

submit form data to parent window

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴