Forum Moderators: open

Message Too Old, No Replies

Popup form without the "popup"

         

internetheaven

9:40 pm on May 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Looking to create a situation where the user clicks a button to fill in an inquiry form and instead of being transferred away from the page they are on the inquiry form appears on the page on top of the current text. When the form is filled in and submitted they can close the box with a "close" button.

I've managed to create a few variations but none that match exactly what I want, is it possible? Some popups are blocked which just creates user hassle, and some display the form until the page has loaded and then the form disappears which just look unprofessional. (Both I wrote in javascript).

Dabrowski

10:33 pm on May 1, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The way to do it is to use a div that's set to display none. When your user clicks a button, the JS sets it to display block and voila!

It's instant, appears above the other content, and no nasty popup blocker trouble.

Xapti

2:04 am on May 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I personally don't see why the form should be hidden, though. Why not just include it on the page without the gimicky pop-up? If that's not a suitable option, then why not just direct them to a new page? (not a pop-up page)

internetheaven

10:16 am on May 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks Dabrowski, that's much closer than what I had so far!

One thing though, won't search engines see that as hidden text now and think the page/site is dodgy?

Dabrowski

11:36 am on May 2, 2007 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I doubt it. If it's a form there will be little text in there, mainly markup.

And since the popup blocker most sites are using this method.

Good luck.