Click to See Complete Forum and Search --> : Pop-up alternative?


LEGO-Mafia
11-10-2009, 10:30 AM
Hi!

I'm looking for the best approach to "pop-up" an information snippet on my website but am conscious that most people have pop-up blocker turned off. Is there an alternative, maybe to open a new window with fixed dimensions or is this the same thing as a pop-up? Any suggestions welcomed!

aj_nsc
11-10-2009, 10:37 AM
Pop-ups have largely been replaced (or should be if they aren't) by CSS 'pop-ups'. They're not actual new windows, but they give the visitor the impression of a pop-up, without the annoying-ness of one (e.g. susceptibility to blocking via pop-up blocker)

Think lightbox. (http://www.huddletogether.com/projects/lightbox2/)

This has to be done dynamically (with JS):

What I do to make them is basically create a fixed position div with a background color of #000, opacity of something between 0.3-0.7 (depending on what you like), and a width and height of 100% of the screen. Append that to you document body, then create a div after that one that also has a fixed position and is centered horizontally and vertically (I use JS) that will be your 'window'. Don't forget to include a JS-enabled 'Close' button/link that will remove these div's when it's clicked.

Charles
11-10-2009, 10:54 AM
And don't forget that these new-fangeled pop-ups have driven many of us to simply disable JavaScript. Make certain that you have a pop-up and JavaScript free back up plan.

LEGO-Mafia
11-10-2009, 10:59 AM
Thanks for the help guys.

donatello
11-13-2009, 02:32 PM
Scriptaculous has a bunch of cool alternatives. Look into it.

Here is one that you may like, it's called "Grow":

http://wiki.github.com/madrobby/scriptaculous/effect-grow

Another one that I use is "Scroll Down", where the content scrolls down like a window-shade:
http://wiki.github.com/madrobby/scriptaculous/effect-slidedown


Scroll down near the bottom of the pages above to find the Demo.