Dialog

Através do componente 'Dialog', podemos exibir janelas sobre a página em exibição com a vantagem dela não ser uma janela do browser (que corre o risco de ser barrada por ferramentas anti-popup). Veja seu uso na Figura 7 e em seu respectivo código fonte mostrado a seguir.

<script>

$(function() {

      $( "#dialogo" ).dialog();

});

</script>

<div id="dialogo" title="Exemplo básico de Dialog">

      <p>Corpo da mensagem.</p>

</div>

• O uso básico é bastante simples, basta criar um contêiner (uma div).
• O título da div será o título da janela e o conteúdo da div será o conteúdo da janela.
• A função “dialog” deve ser utilizada para indicar que o elemento selecionado deve ser tratado pela jQuery UI.
• Após se familiarizar com o 'Dialogo' padrão, visite o site do jQuery UI para aprender as variações de uso disponíveis (Janelas modais, Janelas de confirmação).