Creating a modal panel with jQuery

Question

I want to popup a panel (like a popup window without the title bar or resize) where the background is darkened. If you click on the darkened background the panel is closed.

Is there some good simple library for doing this like jQuery UI's dialog? I would love to use jQuery UI, but their modal dialog windows have a title bar with close button I can't easily remove.

Ideally the panel popups up next to the mouse cursor (appropriately moving if too close to the browser's border).

Answer 1

You can also remove the JQuery UI's dialog title bar (or only the close button) with a few of CSS:

/* Create dialogs without close button */
.ui-dialog-no-close-button .ui-dialog-titlebar-close {
    display: none;
}

/* Create dialogs without title bar */
.ui-dialog-no-titlebar .ui-dialog-titlebar {
    display: none;
}

Then add it to the dialogClass property:

$("#dialogdiv").dialog({
    ...
    dialogClass: "ui-dialog-no-close-button",
    ...
});