Search code examples
javascriptjquerycssjquery-uijquery-1.3

jQuery dialog that darkens the screen like the link dialog does here

I like the look of the link dialog here. It darkens the screen and is probably modal (although I haven't tested that I just assume it is). What's a quick and easy way of darkening the screen like that witha jQuery UI Dialog?

Solution

  • The functionality you're talking about is provided by the WYSIWYM Markdown Editor

    To do it with jQuery UI's dialog, try this:

    $("#something").dialog({ modal: true; });

<div id="something" title="modal dialog">
<p>Add your stuff here.</p>
</div>

    It's not exactly the same by default, but I think it's even prettier. ;)

    http://ui.jquery.com/demos/dialog/#modal