Adicionar uma janela modal faz com que a caixa de diálogo seja enfatizada, porque se destaca do conteúdo normal da página. Clique e arraste, trocando de lugar.
Sed vel diam id líbero clique
As janelas de diálogos modais são muito usadas em portais, para apresentar formulários que necessitem ser preechidos em uma página, mensagens de alerta para o usuário, entre outras. Lembre-se de importar as folhas de estilo da jQuery UI, a biblioteca jQuery e a biblioteca jQuery UI. Abaixo o código pronto:
<head<
<title>JQuery UI - Janela de Dialogo Modal</title>
<link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.10.4.custom.css" />
<link rel="stylesheet" type="text/css" href="/static/css/style_jQuery-ui.css" />
<script type= "text/javascript" src= "/static/js/jquery.min.js"></script>
<script type= "text/javascript" src= "/static/js/jquery-ui.min.js"></script>
<script type= "text/javascript">
$(function(){
$("#dialog").dialog();
});
</script>
</head>