views:

259

answers:

7

when you visit http://www.daniweb.com you get a popup window, what is this called + any idea how to do it?


Thank you for your reply, what is the simplest way to do have a modal loading animation only i.e. when page loads that animations shows and when done the animation goes? ASP.NET/Ajax

+3  A: 

I like to refer to these windows as ANNOYING The other name is some form of JS or JQuery.

Its called a javascript popup window.

Here's a link to show you how to open a js window

The way it looks though is they are using the modal popup extender provided by the ASP.net AJAX Control library. This can be simulated via JQuery as well.

JonH
+11  A: 

You'd call this a modal dialog, and you can implement one very easy with jquery ui:

http://jqueryui.com/demos/dialog/#modal

Erik
yup, Modal Dialog
rockinthesixstring
It seems wrong that this is one of my more highly voted answers.
Erik
@Erik, yeah, getting upvotes can be fickle. A quick answer to a popular question will get far more than a perfect late answer to a less popular question, ;D
CrazyJugglerDrummer
+3  A: 

It's called a modal dialog window. "Modal" meaning "mode" as in the UI has two modes, one where you can only interact with the dialog window, the other where there is no dialog window and you can interact with the rest of the page.

Aaron F.
+1  A: 

Probably looks something like a lightbox/thickbox .Showing some text/html instead of images

ram
+1  A: 

This is a modal pop up window, meaning you can't do anything else while that window is open.

Here are a bunch of ways to make them.

AaronS
It's not modal on that page (daniweb). You can click anywhere outside the lightbox and return to the site.
KooiInc
Actually it IS a modal popup. You must close it(which in this case yes, you can close it by clicking outside of the modal.) before you can interact with anything on the page that the modal is on top of.
gmcalab
+1  A: 

You can set up this kind of popup by having Javascript on the onload event create an overlay div that has height 100% and a higher z-index than the content, and also a div for the popup with position fixed and an even higher z-index. Then when the user clicks on close or otherwise it is time for the popup to go away, the Javascript can set display: none on these divs.

You can use Firebug (or IE Developer toolbar) to see the styles used on the example page you mentioned and use that as a model.

(Also they are annoying, but at least better than pop-unders, IMO ;-) )

stoneMonkey77
+1  A: 

Thats a modal dialog popup. Here's a nice jQuery version that I have used before.

gmcalab