JQuery implementation of Facebook's Modal Box

Question

I was wondering if anyone knew of a jQuery implementation of this MooTools modal box. I\'ve seen Facebox, but it looks like the old Facebook modal dialog layout and not the new

Answer 1

Check out JQueryUI's Dialog Class. You can hack its CSS to look like the Facebook one.

See http://www.jqueryui.com/demos/dialog/#modal-form.

Answer 2

Why not use Facebook Connect's library?

FB.Connect.showShareDialog always shows the correct layout for the modal dialog Facebook uses. Facebook updates this thing all the time so it doesn't make a lot of sense to use something that will be outdated quickly, especially if nobody is keeping up to date. It's what I use anyway.

Answer 3

How about LightBox?

http://leandrovieira.com/projects/jquery/lightbox/

Answer 4

How about the jQuery plugin Facebox ?

It comes right out of the box doing pretty much everything you need. Just change the image resource referenced in the CSS for the Close button to one you copy from Facebook, and top caption and footer divs styled like Facebook's dialog. The translucent gray borders are all there out of the box in the Facebook plugin.

Answer 5

This is probably what you are looking for:

http://www.electrictoolbox.com/jquery-facebox-opaque-background/