Pop Over Form | JavaScriptSource

Pop Over Form

Roderick Divilbiss Dec 28, 2007


Use this script to create a form that will open on top of the existing page, using a hidden DIV. A default link is included to allow for JavaScript being turned off or unavailable.

Contact Information


Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: popOverForm.js


Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Paste this code into the HEAD section of your HTML document.


Paste this code into the BODY section of your HTML document

Leave a Response


Well, there are a few ways to do it. One, you could use the [a href="http://javascript.internet.com/navigation/greybox.html"]GreyBox technique[/a]. Also, [a href="http://dbachrach.com/blog/2006/10/09/a-cool-css-effect-dashboard/"]here is a tutorial[/a] about another method.

Lee Nov 18, 2008

Exactly what I'm looking for, but how would I go about disabling (and preferably dimming) the lower window while the popup is active? Then once submitted or canceled, the lower screen is re-enabled and lit back up?

Casey Nov 13, 2008

No, as shown in the source code for the body, it's on the same page. If you continue to have problems, you will need to post it over on [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]the JavaScript forum[/a]. Thanks!

Lee Nov 6, 2008

Does the form need to be in a seperate aspx page? (or html, doent matter) I have followed the instructions and cant get this to work. >:-|

Cody Oct 7, 2008

Due to the limitations of these comments, you will need to submit your question to the [a href="http://www.webdeveloper.com/forum/forumdisplay.php?f=3"]JavaScript Forum[/a] for further help.

Lee Underwood Jan 29, 2008