jQuery UI Dialog

by naveen

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<label class="form-label-medium">Full Notice Text</label>
<span id="FullNoticeText">Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Vestibulum urna metus, placerat eleifend tincidunt
    at, posuere feugiat risus. Integer posuere commodo magna et
    consectetur. Maecenas laoreet ultricies tempor. Ut turpis dolor,
    suscipit vitae egestas vitae, euismod a lorem. Cras porta malesuada
    leo ac faucibus.
</span>

CSS

.form-label-medium{
    display: inline-block;
    width: 200px;
}

JavaScript

$(document).ready(function() {
    $('.button').live('click', function() {
        $('.Text_dialog').dialog('open');
    });

    $('.Text_dialog').dialog({
        autoOpen: false,
        hide: "explode",
        modal: true,
        show: "blind",
        buttons: {
            Ok: function() {
                $(this).dialog("close");
            }
        }
    });
});