How to make a jquery popup

Question

I am trying to make a Login popup window. For example, if someone clicked the login button a popup window will show and it will change the opacity of the main page and give focus to the popup window. Here is an example of a web site that utilizes what I want to implement.

Here

Answer 1

you could use jqueryUI dialog

Answer 2

You can use the jquery dialog for this: http://jqueryui.com/demos/dialog/

This is how to create form elements on it: http://jqueryui.com/demos/dialog/#modal-form

Answer 3

you could also use the jQuery BlockUI plugin:

http://plugins.jquery.com/project/blockUI

Answer 4

I've used the Boxy plugin before, it's very lightweight (lighter than JQueryUI, although not as much functionality).

It's very easy to use, it was the first plugin I used when learning jQuery.