2 June, 2008 12:02 am

JQuery modal dialog Boxes

Posted by Richard Wong under JQuery, Javascript

When we come to design modern web applications, modal dialog boxes are often required to quickly interact with users without reloading the whole page. So here are 3 JQuery based modal boxes for those of you who are using JQuery as the main Javascript Library.

1. Facebox

This is definitely simple to use, small in size and stylish in design.

2. SimpleModal

Another simple and small Modal Box.

3. ThickBox

Probably the more old school of three but ThickBox definitely does the job well. It has been around for quite sometime now and even the new WordPress Back-end uses it!

See Also

Trackbacks/Pingbacks

  1. Pingback from When the gas pedal becomes the brake pedal | Kaeli's Space

  2. Pingback from Bits And Pix » HTML: AJAX Modal Dialog Box

  3. Pingback from Utilizando o plugin SimpleModal Contact Form (SMCF) | Vinícius de Paula

Trackback URL

Comments

Leave a comment | Subscribe to Comments Feed

  1. bryan migliorisi

    I love Facebox - for a major project I am working on, I used facebox and extended it quite a bit to support some even more advanced functions. Combine it with a faded out background, and its a killer modal box.

    June 4th, 2008 at 2:39 pm | Link

  2. Paul

    I used simple modal a fair bit.
    I also came across nyromodal which is great to use. loaded with features.
    http://nyromodal.nyrodev.com/

    June 5th, 2008 at 10:06 am | Link

  3. Amd

    I searched for \’Amd Custom Advertising Materials\’ at Google and found your post named \’nnial 2007 - salvatore iaconesi - del.icio.us poetry\’ in search results. Quite interesting to read.

    June 7th, 2008 at 5:35 pm | Link

  4. Jim Spence

    Friday In searching for sites related to AdSense but more specifically to %KEYWORD, I found your site which has great content.

    August 16th, 2008 at 12:17 am | Link

  5. huhhhuhu

    sss

    December 1st, 2008 at 2:35 am | Link

  6. dan

    facebox doesn’t work in safari (and safely assuming google chrome).

    December 29th, 2008 at 8:45 am | Link

  7. Webagentur

    Thank you … this tutorial has me very helped.

    January 1st, 2009 at 7:39 pm | Link

  8. asinox

    @dan: Facebox work in all browser… im tested!

    January 27th, 2009 at 3:51 pm | Link

  9. Ives

    Funny you said that thickbox is old school.

    March 4th, 2009 at 5:50 am | Link

  10. Aloy

    I used thick box, is to just showing the HTML page as pop up window. anyone please tell me which model dialog box is the best one to create the form inside the model window.

    April 12th, 2009 at 7:02 pm | Link

  11. Heshan Peiris

    really useful. thanks for sharing. :)

    December 7th, 2009 at 3:09 am | Link

Leave a Comment