Follow Techotopia on Twitter

On-line Guides
All Guides
eBook Store
iOS / Android
Linux for Beginners
Office Productivity
Linux Installation
Linux Security
Linux Utilities
Linux Virtualization
Linux Kernel
System/Network Admin
Scripting Languages
Development Tools
Web Development
GUI Toolkits/Desktop
Mail Systems
Eclipse Documentation

How To Guides
General System Admin
Linux Security
Linux Filesystems
Web Servers
Graphics & Desktop
PC Hardware
Problem Solutions
Privacy Policy




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;'', 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.


  Copyright 1997-2002 Idocs inc. Published under the terms of the Open Content License Design by Interspire