Popup Windows: From a Form

For our next variation on the popup theme we're going to open the popup from a form. In this example we're going to change the script around. The following script is custom designed for opening a popup from a form. (We'll gloss over the details of how the script works for now. For the gory details on this script see Under the Hood: The Popup From a Form Script.) It works with forms that use both POST and GET. Copy the following script exactly as-is into the <HEAD> section of your document:

<SCRIPT TYPE="text/javascript">
function popupform(myform, windowname)
if (! window.focus)return true;
window.open('', windowname, 'height=200,width=400,scrollbars=yes');
return true;

Now we'll add some code so that the popup opens when the user submits the form. Add an onSubmit attribute to <FORM ...> tag:

onSubmit="popupform(this, 'join')">

The first argument for popupform() is always this, meaning the form itself. The second argument, 'join' in this case, is a unique name for the popup.


About the Author
Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained.