Hi. I have a question. Many website nowadays grays out everything but the log in form when a user clicks on "Log in." Elance.com is one example. Do you know what javascript library they use?
According to their source, Elance use YUI containers combined with a bit of custom JS. This isn't anything special though - it's reasonably simple to write something similar from scratch and there's plenty of alternatives (e.g. Thickbox, a Lightbox clone, supports iFrame embedding).<p>In future, it's worth putting a more explanatory subject line rather than simply "Log in page", and I'd be surprised if you couldn't have found this with a simple Google search to be honest.
Yeah this is a simple javascript, theres tons of variations just search for lightbox.<p>Also, this isn't the most usable way in every scenario. It's alright for login boxes if you want to drive more towards the signup process. But you just as easily add the actual input boxes and eliminate the need for a lightbox... which saves a few clicks and won't make them have to figure out how to close the pop-up.<p>Or you can use both, for example: have the login input boxes (username/pw) on the top right and when they click on an element that requires a login (for example adding a comment) then the lightbox will pop up.
Yep, lots of variations on lightboxes. I remember Wufoo had a post with pretty good library for doing it, but can't seem to find it now.<p>Overall though, it's easy enough to roll your own without being constrained to use it in a particular way by a 3rd party library.