ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Modal Window Choice

November 11, 2009 12:44pm

Subscribe [5]
  • #1 / Nov 11, 2009 12:44pm

    ParisJC

    150 posts

    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?

  • #2 / Nov 11, 2009 1:12pm

    Michael Hahn

    316 posts

    Check out Highslide http://highslide.com/

    My favorite.

  • #3 / Nov 11, 2009 1:17pm

    lebisol

    2234 posts

    “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)

  • #4 / Nov 11, 2009 1:38pm

    ParisJC

    150 posts

    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.

  • #5 / Nov 11, 2009 1:47pm

    Jamie Poitra

    409 posts

    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

  • #6 / Nov 11, 2009 1:56pm

    ParisJC

    150 posts

    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!)

  • #7 / Nov 11, 2009 2:57pm

    Jamie Poitra

    409 posts

    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

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases