Thread

I’m looking for a modal window plugin that produces something like that on Twitter’s home page, where you click “Log In” and a window drops down containing the form. I’ve also seen examples from some Wired pages, where it’s used in a menu.

I’ve look at the jQuery site, Googled and found lots of stuff, but nothing that seems (at a quick, searching glance) to produce what I’m looking for. All seem to want to darken the screen and throw up centered box. I need some good positioning, since I may want to use this in a menu sense.

Any ideas?

Check out Highslide http://highslide.com/

My favorite.

“where it’s used in a menu.”
- doesn’t this make a search for a menu since it is a menu item rather than modal window? 😊
Maybe just a simple jquery accordion would work to show/hide?
eg. http://onwired.com/ (client login on the top of the page)

Michael: Thanks, I’ll have a look at that.

lebisol: Yeah, the semantics are confusing, and I guess change depending on the window’s use. In my searching, I found all sorts uses, just none quite like I had in mind. The accordion may indeed suit my needs.

In the meantime, I found this. Not exactly what I was looking for either, but it’s interesting.

Actually I think what you are asking for is a modal window just like you said.  The Twitter example you gave IS modal.  It blocks clicks to anything outside the login box using it to cancel the visibility of the login if you click outside of it.  I’d call that modal in the normal sense of those various modal/lightbox plugins you get in jQuery.

That graying out of the other contents is completely optional with all of the existing modal plugins you know right?  It’s just CSS styles doing that.  Same goes for the positioning of the modal window itself.

All you have to do is customize the styles involved in the jQuery plugin you chose to match what you want to see.  Don’t get caught up in the typical examples given.  How it looks or is styled is entirely up to you.

Jamie

Thanks, Jamie.

There are tons of jQuery modal plugins, and I was looking for one with an example similar to what I want, just because that *might* indicate it was closer to what I sought, or at least easily configured into what I need.

I’ll probably end up finding what appears to be the lightest package that’s most easily modified, and just take it from there.

(You can also waste a lot of time on the jQuery site by finding neat stuff you weren’t really looking for!)

I’d just go with whatever the lightest package is.  I prefer jqModal, it requires a little more jQuery knowledge than some but is nice because it really doesn’t assume much of anything in regards to how you use it.

Jamie