JavaScript library for creating a div-style window inside a page

Question

I am trying to find a good JavaScript library that can create a nice “inner window” popup on my website page.

I would not have to worry about the location of the screen (i.e., I do not need to calculate whether the window size will be turned off, etc.), but just create a new pop-up window with the contents.

I will use .NET 3.5 ASP.NET (maybe MVC, havent been launched yet), I know that jQuery has excellent support, but from what I saw, it does not have this type of widget.

Please note: I do not want to use the "frames" in any way, form or form! But, rather, a floating div style approach (or similar).

Thanks heaps! Mark

Answer 1

Floating containers, panels and dialogs:

For dialogs and windows, perhaps the YUI module would be a good solution .

Modal boxes

If you are not a javascript programmer and you are interested in a more complex modal block, there are jQuery plugins offering a modal lightbox effect .

Sidenote: There are many libraries that offer this functionality, but if the box itself is the only part, you need to consider that some libraries will include many things, t with . If you try to use only the packages you need, you can keep your page beautiful and thin.

Sidenote: If you are good enough at javascript or want to become one, remember that you can always write your own. This is common for people in the javascript world to access libraries directly. Libraries are an important part of the modern javascript landscape, but sometimes they become a crutch for developers. Writing several interface elements is a great way to dive into the development of the interface.

Answer 2

I used one of the iBox and it worked well.

If you are already using jQuery, you can check these two .

Answer 3

Have you seen the Dialog widget for jQuery?

http://docs.jquery.com/UI/Dialog

Demo below. Don't worry about ugly (IMHO) colors; they can be easily spelled out.

Answer 4

Thanks for the help so far, I just looked at the light box, and although very well, I was hoping for a non-page library, they all appear (at first glance) gray the rest of the page, I was hoping for the lesser of this, and, more simply, an inline content-based window that doesn't block the rest of the page.

Answer 5

Check out Control.Window based on the prototype.