jquery ui modal example

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="/static/css/base.css" />
    <link rel="stylesheet" type="text/css" href="/static/css/ui-lightness/jquery-ui-1.10.3.custom.min.css" />
    <script type="text/javascript" src="/static/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery-ui-1.10.3.custom.min.js"></script>
</head>
<body>
<div id="dialog-modal-alerts" title="Alerts" style="display:none;">HELLO!</div>
<script type="text/javascript">
function foo() {
    $("#dialog-modal-alerts").dialog({
        height: 500,
        width: 900,
        title: "hi",
        resizable:true,
        draggable:true,
        dialogClass: "alertDialog",
        close: function (event, ui) { closeDialog(number) },
        modal: true
    });
}
$(document).ready(foo);
</script>
</body>