FANCYbox

TwitterFacebook
Get flash to fully experience Pearltrees
A dialog is a floating window that contains a title bar and a content area. The dialog window can be moved, resized and closed with the 'x' icon by default. The jQuery UI Dialog plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain. If a deeper level of customization is needed, there are widget-specific classes referenced within the jquery.ui.dialog.css stylesheet that can be modified.

jQuery UI - Dialog Demos & Documentation

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

tricks: using Greybox + form plugin for a modal dialog box

http://corky.net/dotan/programming/jquery.dialog/dialog-demo.html Create a greybox (calling $.GB_show() ). The greybox has an iframe inside, which isn't much use. Remove that and replace it with a plain old DIV . Use the JQuery load() method to load the CGI form into that DIV. Use the form plugin's ajaxForm method to change the loaded CGI form's behaviour, so that instead of a regular submit, it gets submitted via AJAX and loaded back into the greybox. Praise to all those callback hooks provided by load() and ajaxForm() .