There seems to be a trend towards using floating layers instead of popup windows. Floating layers (sometimes called "Div Popups" or "Floating Divs") are just HTML elements, such as a divs, styled to sit on top of the rest of the page. It's basically like a real window, and usually they are designed with an X in the top-right corner to let the user close the "window" (i.e. hide the layer).
There are some things to consider when deciding to use floating layers:
If you think about it, each of these points could be a positive or negative. If you're displaying advertising, you'll be glad to sneak around popup blockers and force people to look at the thing. If you're designing a user interface, you might want to let people minimize, move and resize the popup window so they can see what is behind it.
From a usability perspective, floating layers are a bad idea. You have to design a way to close them, maybe even to move them around. But however you design them, they won't match everybody's desktop. Sure, you can design them to match the default Windows XP theme, but they will stick out like a sore thumb on Mac OSX. By using floating layers, you make people have to stop and think and figure out how to close the thing, whereas they would automatically know how to close a regular popup window without thinking.
There is already a very easy way to make a window that fits in with the rest of the operating system that can easily be moved, resized, minimized, maximized. Unless you have a strong need to use a floating layer, you might as well stick with window.open.
Hey Jesse,
I don't like any pop-ups, but this type is even more irrating than the old fashioned type.
Joe
PS... Notice the new Blog URL, I broke down and bought my own domain. You have to come over for a visit...
PSS... could you change the link in the "Links" to the new address?
@Joe - The site is looking great. I've updated the link now too.
Hey Jesse,
Thanks,
It's taking a little time to get the site to the point where I'm not tweaking all of the time.
But, stop by and leave a comment and any suggestions. I would appreciate it.
Joe
I know you wrote this entry a while ago, but I was wondering if you could point me to a tutorial for this. I'm putting together a new site at the moment and I don't want to do it in flash. What I'm looking to create is popup layers that contain video. I want to have the video float above the page and for the page to darken whilst the video layer is up. I can easily do all of this in flash, but not in css and javascript. The plan is to fed the video from a mysql database.
I would really appreciate the help.
Cheers
@Eugene - sounds like you'll want to use Thickbox, possibly with an IFrame, then put the video code on a separate page to be loaded within the IFrame. Here are some examples:
http://jquery.com/demo/thickbox/#examples